<template>
  <div style="position: relative;overflow: hidden">
    <div style="overflow: auto;">
      <v-header></v-header>
      <!--<div>-->
      <!--左边点击查看医生的模态-->

      <!--内容区-->
      <div class="ris_cont clear">
        <div class="reading_l_l_modal">
          <div class="reading_l_l_modal_cont">
            <div class="reading_modal_head">报告医生列表
              <button class="button reading_l_l_modal_close">X</button>
            </div>
            <div class="reading_modal_contList">
              <div>
                <p>张涛</p>
                <p>医生</p>
                <p>
                  <button class="button btn_blur">发送</button>
                </p>
              </div>
              <div>
                <p>张涛</p>
                <p>医生</p>
                <p>
                  <button class="button btn_blur">发送</button>
                </p>
              </div>
              <div>
                <p>张涛</p>
                <p>医生</p>
                <p>
                  <button class="button btn_blur">发送</button>
                </p>
              </div>
              <div>
                <p>张涛</p>
                <p>医生</p>
                <p>
                  <button class="button btn_blur">发送</button>
                </p>
              </div>
              <div>
                <p>张涛</p>
                <p>医生</p>
                <p>
                  <button class="button btn_blur">发送</button>
                </p>
              </div>
            </div>
          </div>
        </div>
        <!--左边-->
        <!--<div class="reading_left">-->
        <!--<div class="reading_left_top">-->
        <!--<p class=""></p>-->
        <!--<span>已检人员列表</span>-->
        <!--</div>-->
        <!--<div class="reg_search">-->
        <!--<table class="reg_search_table">-->
        <!--<tr>-->
        <!--<td>姓名</td>-->
        <!--<td><input type="text"></td>-->
        <!--<td>编号</td>-->
        <!--<td><input type="text"></td>-->
        <!--<td>检查部位</td>-->
        <!--<td>-->
        <!--<select>-->
        <!--<option></option>-->
        <!--<option v-for="type in partList" :value="type.id">{{type.name}}</option>-->
        <!--</select>-->
        <!--</td>-->
        <!--</tr>-->
        <!--<tr>-->
        <!--<td>类型</td>-->
        <!--<td>-->
        <!--<select>-->
        <!--<option></option>-->
        <!--<option v-for="type in eqptypeList" :value="type.id">{{type.name}}</option>-->
        <!--</select>-->
        <!--</td>-->
        <!--<td>设备</td>-->
        <!--<td>-->
        <!--<select>-->
        <!--<option></option>-->
        <!--<option v-for="type in equipList" :value="type.id">{{type.name}}</option>-->
        <!--</select>-->
        <!--</td>-->
        <!--<td>图像数量</td>-->
        <!--<td>-->
        <!--<input type="text" class="rep_Img_num">-->
        <!--<span class="rep_Img_num_text">至</span>-->
        <!--<input type="text" class="rep_Img_num">-->
        <!--</td>-->
        <!--</tr>-->
        <!--<tr>-->
        <!--<td>起始时间</td>-->
        <!--<td colspan="4">-->
        <!--<input type="date" class="reg_search_input"/>-->
        <!--<span class="reg_search_span">至</span>-->
        <!--<input type="date" class="reg_search_input"/>-->
        <!--</td>-->
        <!--<td><button class="reading_search button btn_yellow ">查询</button></td>-->
        <!--</tr>-->
        <!--</table>-->
        <!--</div>-->
        <!--<div class="reading_left_list">-->
        <!--<table class="reading_left_tableHead line_height_32">-->
        <!--<thead>-->
        <!--<tr class="color_white">-->
        <!--<th>姓名</th>-->
        <!--<th>性别</th>-->
        <!--<th>年龄</th>-->
        <!--<th>检查状态</th>-->
        <!--<th>拍片时间</th>-->
        <!--<th>操作</th>-->
        <!--</tr>-->
        <!--</thead>-->
        <!--</table>-->
        <!--<div class="reading_left_tableCont">-->
        <!--<table class="table line_height_32">-->
        <!--<tbody>-->
        <!--<tr>-->
        <!--<td>-->
        <!--<div style="position: relative">-->
        <!--<span class="color_red reading_tishiText">[急]<img src="./zhixiang_03.png"/></span>李四-->
        <!--</div>-->
        <!--</td>-->
        <!--<td>男</td>-->
        <!--<td>33</td>-->
        <!--<td>未拍片</td>-->
        <!--<td>2017/02/15 08:16</td>-->
        <!--<td><button class="button">查看</button></td>-->
        <!--</tr>-->
        <!--<tr>-->
        <!--<td><span class="color_blur reading_tishiText">[急]<img src="./zhixiang_03.png"/></span>李四</td>-->
        <!--<td>男</td>-->
        <!--<td>33</td>-->
        <!--<td>未拍片</td>-->
        <!--<td>2017/02/15 08:16</td>-->
        <!--<td><button class="button">查看</button></td>-->
        <!--</tr>-->
        <!--<tr>-->
        <!--<td><span class="color_blur reading_tishiText">[急]<img src="./zhixiang_03.png"/></span>李四</td>-->
        <!--<td>男</td>-->
        <!--<td>33</td>-->
        <!--<td>未拍片</td>-->
        <!--<td>2017/02/15 08:16</td>-->
        <!--<td><button class="button">查看</button></td>-->
        <!--</tr>-->
        <!--</tbody>-->
        <!--</table>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->

        <!--左边-->
        <div class="reading_left">
          <div class="reading_left_top">
            <p class=""></p>
            <span>已检人员列表</span>
          </div>
          <div class="reg_search">
            <table class="reg_search_table">
              <tr>
                <td>姓名</td>
                <td><input type="text" v-model="name"></td>
                <td>编号</td>
                <td><input type="text" v-model="accessno"></td>

              </tr>
              <tr>

                <!--<td>类型</td>-->
                <!--<td>-->
                <!--<select v-model="eqpType" @change="getpartsByType(eqpType)">-->
                <!--<option></option>-->
                <!--<option v-for="type in eqptypeList" :value="type.name">{{type.name}}</option>-->

                <!--</select>-->
                <!--&lt;!&ndash;<select v-model="eqpCode" style="display: none">&ndash;&gt;-->
                <!--&lt;!&ndash;<option v-for="type in eqptypeList" :value="type.code"></option>&ndash;&gt;-->
                <!--&lt;!&ndash;</select>&ndash;&gt;-->
                <!--</td>-->
                <!--<td>检查部位</td>-->
                <!--<td>-->
                <!--&lt;!&ndash;<input type="text" v-model="parts">&ndash;&gt;-->
                <!--<select v-model="parts">-->
                <!--<option></option>-->
                <!--<option v-for="type in partList" :value="type.name">{{type.name}}</option>-->

                <!--</select>-->
                <!--</td>-->
                <td>状态</td>
                <td>
                  <!--<input type="text" v-model="parts">-->
                  <select v-model="statusCode">
                    <!--<option :value="1">已登记</option>-->
                    <option value="1,5">已登记</option>
                    <option value="10,15">已分配,预审核</option>
                    <option value="20,25">已审核,已打印</option>
                    <!--<option :value="25"></option>-->
                    <!--<option :value="30">已取片</option>-->
                    <!--<option value="">全部</option>-->
                  </select>
                </td>
                <td>设备</td>
                <td>
                  <select v-model="eqpName">
                    <option  :value="eqpNameCodes"></option>
                    <option v-for="type in equipList" :value="type.code">{{type.name}}</option>
                  </select>
                </td>
              </tr>
              <tbody class="reg_search_tabToggle">
              <!--<tr>-->

              <!--&lt;!&ndash;<td>图像数量</td>&ndash;&gt;-->
              <!--&lt;!&ndash;<td>&ndash;&gt;-->
              <!--&lt;!&ndash;<input type="text" style="width: 40%;" v-model="beginnum">&ndash;&gt;-->
              <!--&lt;!&ndash;<span>至</span>&ndash;&gt;-->
              <!--&lt;!&ndash;<input type="text" style="width: 40%;" v-model="endnum">&ndash;&gt;-->
              <!--&lt;!&ndash;</td>&ndash;&gt;-->
              <!--</tr>-->
              <tr>
                <td>起始时间</td>
                <td colspan="3">
                  <input type="date" v-model="begintime" class="width_50"/><input type="time" v-model="beginhour"
                                                                                  class="width_50"/>
                </td>
              </tr>
              <tr>
                <td>结束时间</td>
                <td colspan="3">
                  <input type="date" v-model="endtime" class="width_50"/><input type="time" v-model="endhour"
                                                                                class="width_50"/>
                </td>
              </tr>
              </tbody>
              <tr>
                <td class="click_zk">点击展开</td>
                <td colspan="3" class="reading_search">
                  <button class="button btn_yellow aaa" @click="getListByCondition">查询</button>
                </td>
              </tr>
            </table>
          </div>
          <div class="reading_left_list" v-loading="loading">
            <!--<table class="reading_left_tableHead line_height_32">-->
            <!---->
            <!--</table>-->
            <div class="reading_left_tableCont scroll2">
              <table class="table line_height_32">
                <thead>
                <tr class="color_white">
                  <th style="width: 50px;">操作</th>
                  <th style="width: 3% !important;">序号</th>
                  <th>个人信息</th>
                  <th>检查部位</th>
                  <th>状态</th>
                  <th>登记时间</th>
                  <th>申请科室</th>
                  <th>申请医生</th>
                  <th>类型</th>
                  <th>检查医生</th>
                  <th>检查时间</th>
                  <th>审核医生</th>
                  <th>审核时间</th>

                  <!--<th>图片数量</th>-->
                </tr>
                </thead>
                <tbody>
                <tr v-for="(pat,index) in patInfoList" @click="getResultDetail(pat)">
                  <td><img src="../../../static/img/search/call.png" @click.stop="call(pat.id)"
                           style="width: 16px;padding: 8px 15px;position: absolute;top: 5px;right: 0px;cursor: pointer"/>
                  </td>
                  <td style="text-align: center;">{{pat.queuenum}}</td>
                  <td>

                    <div style="position: relative">
                      <span class="color_red" v-if="pat.emergstatus=='紧急'">[急]</span><span class="color_blur"
                                                                                           v-else>[普]</span>{{pat.cname}}&nbsp;{{pat.sex}}&nbsp;{{pat.age}}
                    </div>
                  </td>
                  <td style="text-align: center;" v-if="pat.partname.length>8" :title="pat.partname">
                    {{pat.partname | textLength8}}
                  </td>
                  <td v-else>{{pat.partname}}</td>
                  <td style="display: none">{{pat.id}}</td>
                  <td style="display: none">{{pat.statuscode}}</td>
                  <td style="display: none">{{pat.recordno}}</td>
                  <td style="display: none">{{pat.areacode}}</td>
                  <td style="display: none">{{pat.eqptypecode}}</td>
                  <td v-if="pat.statuscode==1">已登记</td>
                  <td v-if="pat.statuscode==5">已拍片</td>
                  <td v-if="pat.statuscode==10">已分配</td>
                  <td v-if="pat.statuscode==15">预审核</td>
                  <td v-if="pat.statuscode==20">已审核</td>
                  <td v-if="pat.statuscode==25">已打印</td>
                  <td v-if="pat.statuscode==30">已取片</td>
                  <td>{{pat.regtimeStr}}</td>
                  <td v-if="pat.deptname.length>8" :title="pat.deptname">{{pat.deptname | textLength8}}</td>
                  <td v-else>{{pat.deptname}}</td>
                  <td>{{pat.applydocname}}</td>
                  <td>{{pat.eqptypename}}</td>
                  <td>{{pat.repusername}}</td>
                  <td>{{pat.reptimeStr}}</td>
                  <td>{{pat.auditusername}}</td>
                  <td>{{pat.audittimeStr}}</td>
                  <!--<td>{{pat.eqpname}}</td>-->

                  <!--<td>{{pat.imagecount}}</td>-->
                  <!--<td><button class="button reading_left_tableCont_button">查看</button></td>-->
                </tr>
                </tbody>
                <!--<tbody class="reading_left_tableCont_abs">-->
                <!--<tr v-for="(pat,index) in patInfoList">-->
                <!--<td><button class="button reading_left_tableCont_button" @click="imagesearch(pat)">查看</button></td>-->
                <!--</tr>-->
                <!--</tbody>-->
              </table>
            </div>
            <p>总数：{{count}}</p>
          </div>
        </div>
        <!--右边-->
        <div class="reading_right">
          <div class="reading_right_head clear">
            <ul class="table_page" style="float: left;">
              <li class="reading_table_page_active" @click="table_pageTitle(0)">书写报告</li>
              <li @click="table_pageTitle(1)" style="display: none">补充登记信息</li>
              <li @click="table_pageTitle(2)">报告流程</li>
              <li style="font-weight: 100;padding-left: 10px;">
                <!--<span v-text="typePat.eqpname"></span>&nbsp;&nbsp;-->
                <!--<span v-text="typePat.eqpcode"></span>&nbsp;&nbsp;-->
                <span v-text="typePat.cname"></span>&nbsp;&nbsp;
                <span v-text="typePat.sex"></span>&nbsp;&nbsp;
                <span v-text="typePat.age"></span>&nbsp;&nbsp;
                影像号：<span v-text="typePat.accessno"></span>
                申请医师：<span v-text="typePat.deptname"></span>
                <span v-text="typePat.applydocname"></span>
              </li>
            </ul>
            <div class="reading_right_head_right">
              <span @click="historyReport">历史报告</span>
              <span>
              <input type="text" placeholder="输入报告模板" class="reading_r_c_r_top_cont_search" @click="modal_search"/>
            </span>
            </div>
          </div>

          <div class="reading_right_center">
            <!--书写报告-->
            <div class="writeReport">
              <!--左边-->
              <div class="clear">
                <div class="reading_right_center_left clear">
                  <div style="width: 84%;float: left">
                    <div class="reading_r_c_l_top" id="reading_r_c_l_top">
                      <h1 style="position: relative">影像检查描述
                        <div style="position: absolute;right: 0;top: 0px;height: 26px;width: 520px;text-align: right;">
                          高度调节：<select id="txtHeight1" style="width: 80px;">
                          <option value="0.5">0.5倍</option>
                          <option value="0.6">0.6倍</option>
                          <option value="0.8">0.8倍</option>
                          <option value="1" selected>1倍</option>
                          <option value="1.2">1.2倍</option>
                          <option value="1.4">1.4倍</option>
                          <option value="1.5">1.5倍</option>
                        </select>
                          字号：
                          <select class="fontSize1" style="width: 80px;">
                            <option value="12">12px</option>
                            <option value="14">14px</option>
                            <option value="16">16px</option>
                            <option value="18">18px</option>
                            <option value="20">20px</option>
                            <option value="22">22px</option>
                            <option value="24">24px</option>
                          </select>
                          <select class="fontSize12" style="width: 80px;position: relative;top: -1px">
                            <option value="0">正常</option>
                            <option value="1">粗体</option>
                          </select>
                        </div>
                      </h1>
                      <textarea v-model="description" :disabled="status==20||status==25||status==30"
                                class="textFontSize"></textarea>
                    </div>
                    <div class="reading_r_c_l_center" id="reading_r_c_l_center">
                      <h1>
                        影像检查结论
                        <p>
                          阴阳性：
                          <select v-model="positive" :disabled="status==20||status==25||status==30">
                            <option value=""></option>
                            <option value=1>阳性</option>
                            <option value=0>阴性</option>
                          </select>
                          危急值：
                          <select v-model="emerg" :disabled="status==20||status==25||status==30">
                            <option value=""></option>
                            <option value="不危急">不危急</option>
                            <option value="危急">危急</option>
                          </select>
                          <button class="button btn_blur" style="display: none">危急值登记</button>
                        </p>
                      </h1>
                      <textarea v-model="result" :disabled="status==20||status==25||status==30"
                                class="textFontSize"></textarea>
                    </div>
                    <div class="reading_r_c_l_bottom">
                      <input v-model="resultid" style="display: none"/>
                      <input v-model="status" style="display: none"/>
                      <input v-model="accessNo" style="display: none"/>
                      <input v-model="recordno" style="display: none"/>
                      <!--<input v-model="accessno" style="display: none"/>-->
                      <input v-model="areacode" style="display: none"/>
                      <h1>影像建议</h1>
                      <textarea v-model="advice" :disabled="status==20||status==25||status==30"
                                class="textFontSize"></textarea>
                    </div>
                    <div class="reading_r_c_l_footInput">
                      <table>
                        <tr>
                          <td>报告日期</td>
                          <td><input type="date" v-model="repTime" :disabled="status==20||status==25||status==30"/></td>
                          <td>检查医生</td>
                          <td>
                            <!--<select v-model="repuserCode" :disabled="status==20||status==25||status==30">-->
                            <!--<option></option>-->
                            <!--<option v-for="type in userList" :value="type.code">{{type.name}}</option>-->
                            <!--</select>-->
                            <div class="drop_down_Top drop_down_Top1">
                              <input type="text" v-model="searchRepUser" @click="showRepUser=true"
                                     :disabled="status==20||status==25||status==30"/>
                              <ul class="top scroll2" v-show="showRepUser">
                                <li @click="selectRepUser({code:'',name:''})">&nbsp;</li>
                                <li v-for="type in userList" v-if="type.name.indexOf(searchRepUser)>=0"
                                    @click="selectRepUser(type)">{{type.name}}
                                </li>
                              </ul>
                            </div>
                          </td>
                          <td>审核日期</td>
                          <td><input type="date" v-model="auditTime" :disabled="status==20||status==25||status==30"/>
                          </td>
                          <td>审核医生</td>
                          <td>
                            <input type="text" v-model="auditUser" :disabled="status==20||status==25||status==30"
                                   readonly/>
                            <!--<select v-model="audituserCode" :disabled="status==20||status==25||status==30">-->
                            <!--<option></option>-->
                            <!--<option v-for="type in userList" :value="type.code">{{type.name}}</option>-->
                            <!--</select>-->
                            <!--<div class="drop_down_Top drop_down_Top2">-->
                            <!--<input type="text" v-model="searchAutiUser" @click="searchAutiUserClick"  :disabled="status==20||status==25||status==30"/>-->
                            <!--<ul class="top" v-show="showAutiUser">-->
                            <!--<li @click="selectAutiUser({code:'',name:''})">&nbsp;</li>-->
                            <!--<li v-for="type in userList" v-if="type.name.indexOf(searchAutiUser)>=0" @click="selectAutiUser(type)">{{type.name}}</li>-->
                            <!--</ul>-->
                            <!--</div>-->
                          </td>
                        </tr>
                      </table>
                    </div>
                  </div>
                  <div class="r_r_c_l_right">
                    <h1>图像列表</h1>
                    <el-upload
                      class="upload-demo"
                      :action="uploadUrl"
                      :on-preview="handlePreview"
                      :on-remove="handleRemove"
                      :on-success="handleSuccess"
                      :show-file-list="false"
                      :multiple="true"
                      list-type="picture">
                      <el-button size="mini" type="primary">本地图像</el-button>
                      <!--<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>-->
                    </el-upload>
                    <ul class="r_r_c_l_right_ul scroll2">
                      <li v-for="(imgurl,index) in imageurl">
                        <!--<p>图一</p>-->
                        <input :disabled="status>=20" type="checkbox" name="checkboxImg" v-model="imgurl.selected"
                               style="z-index:2"/>
                        <!--关闭-->
                        <span class="closeImg" @click.stop="delImg(index)" v-if="status<20">X</span>
                        <img :src="imgurl.imageurl | urlfilter" @click.stop="imgZPig(imgurl.imageurl)"/>
                      </li>
                      <!--<li>
                    &lt;!&ndash;<p>图二</p>&ndash;&gt;
                    <input type="checkbox" name="checkboxImg"/>
                    &lt;!&ndash;关闭&ndash;&gt;
                    <span class="closeImg">X</span>
                    <img  @click="imgZPig($event)" src="./login_03.jpg"/>
                  </li>
                  <li>
                    &lt;!&ndash;<p>图二</p>&ndash;&gt;
                    <input type="checkbox" name="checkboxImg"/>
                    &lt;!&ndash;关闭&ndash;&gt;
                    <span class="closeImg">X</span>
                    <img  @click="imgZPig($event)" src="./login_03.jpg"/>
                  </li>
                  <li>
                    &lt;!&ndash;<p>图二</p>&ndash;&gt;
                    <input type="checkbox" name="checkboxImg"/>
                    &lt;!&ndash;关闭&ndash;&gt;
                    <span class="closeImg">X</span>
                    <img  @click="imgZPig($event)" src="./login_03.jpg"/>
                  </li>
                  <li>
                    &lt;!&ndash;<p>图二</p>&ndash;&gt;
                    <input type="checkbox" name="checkboxImg"/>
                    &lt;!&ndash;关闭&ndash;&gt;
                    <span class="closeImg">X</span>
                    <img  @click="imgZPig($event)" src="./login_03.jpg"/>
                  </li>
                  <li>
                    &lt;!&ndash;<p>图二</p>&ndash;&gt;
                    <input type="checkbox" name="checkboxImg"/>
                    &lt;!&ndash;关闭&ndash;&gt;
                    <span class="closeImg">X</span>
                    <img  @click="imgZPig($event)" src="./login_03.jpg"/>
                  </li>
                  <li>
                    &lt;!&ndash;<p>图二</p>&ndash;&gt;
                    <input type="checkbox" name="checkboxImg"/>
                    &lt;!&ndash;关闭&ndash;&gt;
                    <span class="closeImg">X</span>
                    <img  @click="imgZPig($event)" src="./login_03.jpg"/>
                  </li>-->
                    </ul>
                  </div>
                </div>
                <!--右边-->
                <div class="reading_right_center_right2">
                  <div class="reading_r_c_r_top2 ">
                    <!--<p></p>-->
                    <!--<span class="reading_right_click">报告模板</span>-->
                    <div class="reading_r_c_r_top_cont2">
                      <!--<input type="text" />-->
                      <!--<img src="../../../static/img/reportview/reading_search_03.png" class="reading_search_03"/>-->
                      <div class="tree_down_parent">
                        <ul class="tree_down">
                          <li v-for="(partgroup,index1) in baseTemplateList">
                            <a @click="toggle($event)"><img
                              src="../../../static/img/reportview/fuhao_07.png">{{partgroup.name}}
                              <!--<span style="display: none">{{partgroup.pycode}}</span>-->
                            </a>
                            <ul>
                              <li v-for="(part,index2) in partgroup.partList">
                                <a @click="toggle($event)"><img
                                  src="../../../static/img/reportview/fuhao_07.png">{{part.name}}</a>
                                <ul>
                                  <li v-for="(template,index3) in part.templateList">
                                    <a @dblclick="addorreplace(index1,index2,index3)"
                                       :title="template.description+':'+template.result">{{template.title}}</a>
                                  </li>
                                </ul>
                              </li>
                              <!--  <li>
                            <a><img src="./fuhao_07.png">二级菜单</a>
                            <ul>
                              <li><a><img src="./fuhao_07.png">三级菜单</a></li>
                            </ul>
                          </li>-->
                            </ul>
                          </li>
                        </ul>
                      </div>
                      <div class="tree_down_footCheck">
                        <label><input type="radio" name="=aa" v-model="addOrReplace" value="add"
                                      :disabled="status==20||status==25||status==30"/>追加模板</label>
                        <label><input type="radio" name="=aa" v-model="addOrReplace" value="replace"
                                      :disabled="status==20||status==25||status==30"/>替换模板</label>

                      </div>
                    </div>
                  </div>
                  <div class="reading_r_c_r_bottom2 ">
                    <!--<p></p>-->
                    <!--<span class="reading_right_click" @click="gethistory()">历史报告</span>-->
                    <div class="reading_r_c_r_bottom_cont">
                      <div class="reading_r_c_r_bottom_cont_time">
                        <label><input type="radio" v-model="checktime" value="3" name="time"
                                      @change="gethistoryByCondition1"/>三个月</label>
                        <label><input type="radio" v-model="checktime" value="6" name="time"
                                      @change="gethistoryByCondition1"/>六个月</label>
                        <label><input type="radio" v-model="checktime" value="12" name="time"
                                      @change="gethistoryByCondition1"/>一年</label>
                        <label><input type="radio" v-model="checktime" value="36" name="time"
                                      @change="gethistoryByCondition1"/>三年</label>
                      </div>
                      <table class="read_r_topTab2">
                        <tr>
                          <td>姓名</td>
                          <td><input type="text" v-model="historyname"/></td>
                          <td>编号</td>
                          <td><input type="text" v-model="historynum"/></td>
                        </tr>
                        <tr>
                          <td>检查科室</td>
                          <td>
                            <select v-model="deptcode">
                              <option value=""></option>
                              <option v-for="dept in deptList" :value="dept.code">{{dept.name}}</option>
                            </select>
                          </td>
                          <td></td>
                          <td>
                            <button class="button btn_blur" @click="gethistoryByCondition1()">查询</button>
                          </td>
                        </tr>
                      </table>

                      <div class="reading_r_c_r_bottom_container" v-loading="loading1">
                        <!--<div class="reading_bot_box" v-for="type in resultList ">-->
                        <!--<span>{{type.cname}}</span>:<span>{{type.sex}}</span><span>{{type.age}}</span><span>{{type.partname}}</span>-->
                        <!--<span>{{type.reportname}}</span> <span>{{type.repTimeStr}}</span>-->
                        <!--<p><img src="../../../static/img/reportview/bg_imgsearch_11.png">状态：{{type.checkstatus}}</p>-->
                        <!--<p><img src="../../../static/img/reportview/bg_imgSearch2_13.png">检查日期：{{type.repTimeStr}}</p>-->
                        <!--<div class="reading_bot_box_btn">-->
                        <!--<button class="button btn_blur reading_sech_view" @click="gethistorydetail(type)">查看</button>-->
                        <!--&lt;!&ndash;<button class="button btn_blur" @click="addpacs(type)">追加影像</button>&ndash;&gt;-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="reading_bot_box">-->
                        <!--<p><img src="./bg_imgsearch_11.png">状态：已打印</p>-->
                        <!--<p><img src="./bg_imgSearch2_13.png">检查日期：2016/06/16</p>-->
                        <!--<div class="reading_bot_box_btn">-->
                        <!--<button class="button btn_blur reading_sech_view">查看</button>-->
                        <!--<button class="button btn_blur">追加查看</button>-->
                        <!--</div>-->
                        <!--</div>-->
                        <table class="read_RCR_tab">
                          <tr>
                            <th>操作</th>
                            <th>信息</th>
                            <th>检查部位</th>
                            <!--<th>状态</th>-->
                            <th>检查日期</th>
                            <th>检查医生</th>
                            <th>检查类型</th>
                            <th>申请医生</th>
                            <th>申请科室</th>
                          </tr>
                          <tr v-for="type in resultList ">
                            <td>
                              <button class="button btn_blur reading_sech_view" @click="gethistorydetail(type)">查看
                              </button>
                              <!--<button class="button btn_blur" @click="addpacs(type)">追加影像</button>-->
                            </td>
                            <td>{{type.cname}}:{{type.sex}}{{type.age}}</td>
                            <!--<td>{{type.partname}}</td>-->
                            <td v-if="type.partname.length>=8" :title="type.partname">{{type.partname | textLength8}}
                            </td>
                            <td v-else>{{type.partname}}</td>
                            <!--<td>{{type.checkstatus}}</td>-->
                            <td>{{type.repTimeStr}}</td>
                            <td>{{type.reportname}}</td>
                            <td>{{type.eqpTypeName}}</td>
                            <td>{{type.applydocname}}</td>
                            <td>{{type.deptname}}</td>
                          </tr>
                        </table>
                      </div>
                    </div>
                  </div>

                  <!--查看按钮的模态-->
                  <div class="reading_view_modalModal"></div>
                  <div class="reading_view_modal">
                    <div class="reading_view_modal_head">历史报告详细信息<span class="reading_view_modal_close">X</span></div>
                    <div>
                      <table class="reading_view_modal_search">
                        <tr>
                          <td>姓名</td>
                          <td><input v-model="name1" type="text" :disabled="status==20||status==25||status==30"/></td>
                          <td>报告性质</td>
                          <td>
                            <select v-model="positive1" disabled style="width: 100%">
                              <option value=""></option>
                              <option value=1>阳性</option>
                              <option value=0>阴性</option>
                            </select>

                          </td>
                        </tr>
                        <tr>
                          <td>检查号</td>
                          <td><input type="text" v-model="accessno1" :disabled="status==20||status==25||status==30"/>
                          </td>
                          <td>危急值</td>
                          <td><input type="text" v-model="emerg1" :disabled="status==20||status==25||status==30"/></td>
                        </tr>
                      </table>
                    </div>
                    <div class="reading_view_modal_check">
                      <div class="">
                        <div class="reading_view_modal_checkHead">检查描述</div>
                        <div>
                          <textarea v-model="description1" :disabled="status==20||status==25||status==30"></textarea>
                        </div>
                      </div>
                      <div>
                        <div class="reading_view_modal_checkHead">检查结论</div>
                        <div>
                          <textarea v-model="result1" :disabled="status==20||status==25||status==30"></textarea>
                        </div>
                      </div>
                    </div>
                    <div class="reading_view_modal_footBtn">
                      <button class="button btn_blur btn_max" @click="addhistory"
                              :class="(status==20||status==25||status==30)?'btn_333':'btn_blur'"
                              :disabled="status==20||status==25||status==30">追加
                      </button>
                      <button class="button btn_blur btn_max" @click="replacehistory()"
                              :class="(status==20||status==25||status==30)?'btn_333':'btn_blur'"
                              :disabled="status==20||status==25||status==30">替换
                      </button>
                    </div>
                  </div>

                </div>
              </div>
              <div class="reading_right_footBtn">
                <button class="button bg_deepBlu " :class="(status==20||status==25||status==30)?'btn_333':'btn_blur'"
                        :disabled="status==20||status==25||status==30" @click="takePhoto()"
                        v-if="checkButton('imaview_photo')">拍照
                </button>
                <button class="button " :class="(status==20||status==25||status==30)?'btn_333':'btn_blur'"
                        :disabled="status==20||status==25||status==30" @click="savePatResult()"
                        v-if="checkButton('imaview_save')">保存结论<img src="../../../static/img/reportview/jielun_16.png"/>
                </button>

                <button class="button btn_green"
                        :class="(status==''||status==1||status==5||status==10||status==20||status==25||status==30)?'btn_333':'btn_blur'"
                        :disabled="status==''||status==1||status==5||status==10||status==20||status==25||status==30"
                        @click="audit()" v-if="checkButton('imaview_audit')">审核<img
                  src="../../../static/img/reportview/shenhe_16.png"/></button>
                <button class="zhuxiao button btn_green"
                        :class="(status==''||status==1||status==5||status==10||status==20||status==25||status==30)?'btn_333':'btn_blur'"
                        :disabled="status==''||status==1||status==5||status==10||status==20||status==25||status==30"
                        v-if="checkButton('imaview_audit')" @click="showAudit">∧
                </button>

                <button class="button btn_yellow"
                        :class="(status==''||status==1||status==5||status==10||status==15)?'btn_333':'btn_blur'"
                        :disabled="status==''||status==1||status==5||status==10||status==15" @click="repeal()"
                        v-if="checkButton('imaview_repeal')">撤销审核<img src="../../../static/img/reportview/delete.png"/>
                </button>
                <button class="button btn_the_green"
                        :class="(status==''||status==1||status==5||status==10||status==15)?'btn_333':'btn_blur'"
                        :disabled="status==''||status==1||status==5||status==10||status==15" @click="printview()"
                        v-if="checkButton('imaview_printview')">打印预览<img
                  src="../../../static/img/reportview/yulan_22.png"/></button>
                <button class="button bg_deepBlue"
                        :class="(status==''||status==1||status==5||status==10||status==15)?'btn_333':'btn_blur'"
                        :disabled="status==''||status==1||status==5||status==10||status==15" @click="print"
                        v-if="checkButton('imaview_print')">打印<img src="../../../static/img/reportview/dayin_16.png"/>
                </button>
              </div>
            </div>

            <!--补充登记信息-->
            <div class="reading_supReg">
              <!--一层-->
              <table class="reading_supReg_tableList">
                <tr>
                  <td>姓名</td>
                  <td><input type="text"/></td>
                  <td>性别</td>
                  <td>
                    <select>
                      <option>男</option>
                      <option>女</option>
                    </select>
                  </td>
                  <td>年龄</td>
                  <td>
                    <input type="text" class="reading_ageInput">
                    <select class="reading_ageSelect">
                      <option>岁</option>
                      <option>月</option>
                      <option>日</option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <td>别名</td>
                  <td><input type="text"></td>
                  <td>联系电话</td>
                  <td><input type="text"></td>
                  <td>身份证号</td>
                  <td><input type="text"></td>
                </tr>
                <tr>
                  <td>开单时间</td>
                  <td><input type="text"/></td>
                  <td>开单科室</td>
                  <td>
                    <select>
                      <option></option>
                    </select>
                  </td>
                  <td>开单医生</td>
                  <td>
                    <select>
                      <option></option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <td>病区</td>
                  <td><input type="text"/></td>
                  <td>床号</td>
                  <td><input type="text"/></td>
                  <td>门诊号</td>
                  <td><input type="text"/></td>
                </tr>
                <tr>
                  <td>住院日期</td>
                  <td><input type="date"/></td>
                  <td>住院次数</td>
                  <td><input type="text"/></td>
                  <td>住院号</td>
                  <td><input type="text"/></td>
                </tr>
                <tr>
                  <td>申请单</td>
                  <td><input type="text"/></td>
                  <td>紧急程度</td>
                  <td><input type="text"/></td>
                  <td></td>
                  <td></td>
                </tr>
              </table>
              <!--二层-->
              <table class="reading_supReg_tableList reading_supReg_tableList2">
                <tr>
                  <td>设备类型</td>
                  <td>
                    <select>
                      <option></option>
                    </select>
                  </td>
                  <td>设备名称</td>
                  <td>
                    <select>
                      <option></option>
                    </select>
                  </td>
                  <td>影像号</td>
                  <td><input type="text"/></td>
                </tr>
                <tr>
                  <td>登记时间</td>
                  <td><input type="date"/></td>
                  <td>预约日期</td>
                  <td><input type="date"></td>
                  <td>患者类型</td>
                  <td>
                    <select>
                      <option></option>
                    </select>
                  </td>
                </tr>
              </table>
              <!--三层-->
              <table class="reading_supReg_third">
                <tr>
                  <td>医嘱信息</td>
                  <td><input type="text"></td>
                  <td>临床诊断</td>
                  <td><input type="text"></td>
                </tr>
                <tr>
                  <td>提示信息</td>
                  <td colspan="3"><textarea></textarea></td>
                </tr>
              </table>

              <!--四层-->
              <ul class="reg_r_t_list line_height_20 clear">
                <li>收费项目</li>
                <li>
                  <ul class="scroll2">
                    <li>XXX部位</li>
                    <li>XXX部位</li>
                    <li>XXX部位</li>
                    <li>XXX部位</li>
                    <li>XXX部位</li>
                    <li>XXX部位</li>
                    <li>XXX部位</li>
                    <li>XXX部位</li>
                    <li>XXX部位</li>
                    <li>XXX部位</li>
                  </ul>
                </li>
                <li>部位</li>
                <li>
                  <ul class="scroll2">
                    <li>XXX部位</li>
                    <li>XXX部位</li>
                    <li>XXX部位</li>
                    <li>XXX部位</li>
                    <li>XXX部位</li>
                    <li>XXX部位</li>
                  </ul>
                </li>
              </ul>

              <div class="reg_right_btn">

                <button class="button bg_blur color_white" id="projectSite">更改收费项目和部位</button>

                <div class="reg_r_btn_modal"></div>
                <div class="reg_r_btn_modal_cont">

                  <div class="reg_modal_head line_height_40">
                    <div>收费项目</div>
                    <div>部位</div>
                  </div>
                  <div class="reg_table_modalBox">
                    <div class="reg_table_modalBox_left">
                      <!--<p>外部收费项目</p>-->
                      <ul class="tree_down">
                        <li>
                          <a>一级菜单</a>
                          <ul>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                          </ul>
                        </li>
                        <li>
                          <a>一级菜单</a>
                          <ul>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                          </ul>
                        </li>
                      </ul>
                      <div class="reg_table_modalBox_foot">
                        <input type="text"/>
                        <div class="clear">
                          <button>XXXXX<span>X</span></button>
                          <button>XX发的发生的XXX<span>X</span></button>
                          <button>XXX但是风格的风格XX<span>X</span></button>
                          <button>XXXXX<span>X</span></button>
                          <button>XXXXX<span>X</span></button>
                          <button>XXXXX<span>X</span></button>
                        </div>
                      </div>
                    </div>
                    <div class="reg_table_modalBox_right">
                      <!--<p>外部部位</p>-->
                      <ul class="tree_down">
                        <li>
                          <a>一级菜单</a>
                          <ul>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                          </ul>
                        </li>

                        <li>
                          <a>一级菜单</a>
                          <ul>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                            <li><a>二级菜单</a></li>
                          </ul>
                        </li>
                      </ul>

                      <div class="reg_table_modalBox_foot">
                        <input type="text"/>
                        <div class="clear">
                          <button>XXXXX<span>X</span></button>
                          <button>XX发的发生的XXX<span>X</span></button>
                          <button>XXX但是风格的风格XX<span>X</span></button>
                          <button>XXXXX<span>X</span></button>
                          <button>XXXXX<span>X</span></button>
                          <button>XXXXX<span>X</span></button>
                          <button>XXXXX<span>X</span></button>
                          <button>XX发的发生的XXX<span>X</span></button>
                          <button>XXX但是风格的风格XX<span>X</span></button>
                          <button>XXXXX<span>X</span></button>
                          <button>XXXXX<span>X</span></button>
                          <button>XXXXX<span>X</span></button>
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="reg_r_btn_modal_c_fontBtn">
                    <button class="button btn_yellow color_white" id="projectSiteCancel">取消&nbsp;&nbsp;&nbsp;X</button>
                    <button class="button btn_green color_white">确定&nbsp;&nbsp;&nbsp;√</button>
                  </div>
                </div>
              </div>

              <div class="reading_right_footBtn1">
                <!--<button class="button btn_yellow">删除<img src="img/delete.png"/></button>

              -->
                <!--<button class="button btn_green">新增<img src="img/zengjia.png"/></button>-->
                <button class="button btn_blur">保存<img src="../../../static/img/reportview/jielun_16.png"/></button>
                <!--<button class="button btn_the_green">阅片<img src="img/yuepian.png"/></button>-->
              </div>

            </div>

            <!--报告流程-->
            <div class="report_process">
              <div class="report_process_search">
                <table class="">
                  <tr>
                    <td>查询时间</td>
                    <td><input type="date" v-model="timebegin" class="aaa"/></td>
                    <td>
                      <div>至</div>
                    </td>
                    <td><input type="date" v-model="timeend"/></td>
                    <td>操作者</td>
                    <td>
                      <select v-model="loguser">
                        <option></option>
                        <option v-for="type in logUserList" :value="type.name">{{type.name}}</option>
                      </select>
                    </td>
                  </tr>
                  <tr>
                    <td>选择类型</td>
                    <td>
                      <select v-model="loglevel">
                        <option></option>
                        <option>Info</option>
                        <option>Debug</option>
                        <option>Warn</option>
                        <option>Error</option>
                      </select>
                    </td>
                    <td>内容</td>
                    <td><input type="text" v-model="message"/></td>
                    <td></td>
                    <td>
                      <button class="button btn_yellow" @click="getConditionLog()">查询</button>
                    </td>
                  </tr>
                </table>
              </div>
              <div class="report_process_list line_height_30">
                <table>
                  <tr>
                    <td>类型</td>
                    <td>操作者</td>
                    <td>内容</td>
                    <td>日期</td>
                  </tr>
                </table>
                <div class="report_process_list_cont">
                  <table>
                    <tr v-for="(log,index) in logList">
                      <td v-model="loglevel1">{{log.loglevel}}</td>
                      <td v-model="logname1">{{log.name}}</td>
                      <td v-model="message1">{{log.message}}</td>
                      <td v-model="logdateStr1">{{log.logdateStr}}</td>
                    </tr>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>

        <el-dialog title="登录审核者" :visible.sync="dialogFormVisible" width="30%" center>
          <el-form :model="form">
            <el-form-item label="用户名">
              <el-input v-model="form.username"></el-input>
            </el-form-item>
            <el-form-item label="密码">
              <el-input v-model="form.password" type="password"></el-input>
            </el-form-item>
          </el-form>
          <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="relogin">登 录</el-button>
            <el-button @click="dialogFormVisible = false ">取 消</el-button>
          </div>
        </el-dialog>
        <!--<div class="ris_footer pg_foot">&copy;Copyright&nbsp;2017&nbsp;&nbsp;北京金风易通科技医疗有限公司&nbsp;&nbsp;版权所有</div>-->
      </div>
      <!--</div>-->
      <div class="moveBar">
        <div id="banner">图像展示<span @click="bannerClose">X</span></div>
        <div class="content" @click="openImg($event)">
          <img style="width: 100%;height: 368px;" id="contentImg"/>
          <span @click.stop="bannerClose">X</span>
        </div>
      </div>
    </div>
  </div>
</template>


<script>
  import Header from '@/components/Header/Header';
  import {Message, MessageBox, Notification} from 'element-ui'
  import {getButtonPermission} from '@/api/user';
  import {login} from '@/api/login';
  import * as assign from '@/api/assign'


  export default {
    components: {
      'v-header': Header
    },
    created() {

      var format = "";
      var nTime = new Date();
      format += nTime.getFullYear() + "-";
      format += (nTime.getMonth() + 1) < 10 ? "0" + (nTime.getMonth() + 1) : (nTime.getMonth() + 1);
      format += "-";
      format += nTime.getDate() < 10 ? "0" + (nTime.getDate()) : (nTime.getDate());
//      format += "T";
////      format += nTime.getHours()<10?"0"+(nTime.getHours()):(nTime.getHours());
//      format += "00";
//      format += ":";
//      format += "00";
//      format += nTime.getMinutes()<10?"0"+(nTime.getMinutes()):(nTime.getMinutes());
//      format += ":00";
      var formathour = "";
      var Time = new Date();
//      formathour=Time.getHours()<10?"0"+(Time.getHours()):(Time.getHours());
      formathour += "00";
      formathour += ":";
      formathour += "00";
//      formathour += Time.getMinutes()<10?"0"+(Time.getMinutes()):(Time.getMinutes());
//      console.log(formathour);
      formathour += ":00";
      var formathourend = "";

//      formathourend+= Time.getHours()<10?"0"+(Time.getHours()):(Time.getHours());
      formathourend += "23";
      formathourend += ":";
      formathourend += "59";
//      formathourend+= Time.getMinutes()<10?"0"+(Time.getMinutes()):(Time.getMinutes());
      formathourend += ":00";

//      var formatdate='';
//      var date = new Date();
//      formatdate += date.getFullYear()+"-";
//      formatdate += (date.getMonth()+1)<10?"0"+(date.getMonth()+1):(date.getMonth()+1);
//      formatdate += "-";
//      formatdate += date.getDate()<10?"0"+(date.getDate()):(date.getDate());
//      formatdate += "T";
//      formatdate += date.getHours()<10?"0"+(date.getHours()):(date.getHours());
////      formatdate += "00";
//      formatdate += ":";
////      formatdate += "00";
//      formatdate += nTime.getMinutes()<10?"0"+(nTime.getMinutes()):(nTime.getMinutes());
//      formatdate += ":00";

      //2017-12-12T05:15
//      console.log(format+"____2017-12-12T05:15")

//      var format1=substr(format.length-2,format.length);
//      console.log(format1)
      this.begintime = format;
      this.endtime = format;
      this.beginhour = formathour;
      this.endhour = formathourend;
//      console.log(this.begintime+' '+this.beginhour);
//      console.log(this.endtime+' '+this.endhour);

      getButtonPermission(this.buttonPermission).then(response => {
        this.buttons = response.data;
      })
      this.$http.get(window.localStorage.url + "/log/getLogUserList")
        .then(function (res) {
//          console.log(res.data);
          if (res.data.status == 'SUCCESS') {
//            if()
            for (var y in res.data) {
//              console.log(res.data[y].name==undefined)
              if (res.data[y].name != undefined) {
                this.logUserList = res.data.data;
              } else {
                return false;
              }
            }
          }
        });

      this.$http.get(window.localStorage.url + "/base/getDeptEqpEqptypeByActor")
        .then(function (res) {
//          console.log(res.data.eqptypeList);
          if (res.data.status == 'SUCCESS') {
            this.eqptypeList = res.data.eqptypeList;
            this.equipList = res.data.equipList;
            if(this.equipList.length===1){
              this.eqpName=this.equipList[0].code;
            }
            else {
              var eqpCodes=[];
              var eqpCodeStr;
              for(var i in this.equipList) {
                eqpCodes.push(this.equipList[i].code);
                eqpCodeStr = eqpCodes.join(',');
                this.eqpNameCodes = eqpCodeStr
                this.eqpName = eqpCodeStr
              }
            }
            this.$http.get(window.localStorage.url + "/pat/getUltrasonicList?name=" + this.name + "&accessno=" + this.accessno + "&parts=" + this.parts + "&eqpName=" + this.eqpName + "&begintime=" + (this.begintime + ' ' + this.beginhour) + "&endtime=" + (this.endtime + ' ' + this.endhour) + "&statusCode=" + this.statusCode)
              .then(function (res) {
                this.count = res.data.count;
//          console.log(res.data);
                if (res.data.status == 'SUCCESS') {
                  this.patInfoList = res.data.data;
                }
              });
          }
        });
      this.$http.get(window.localStorage.url + "/user/getList")
        .then(function (res) {
//          console.log(res.data);
          if (res.data.status == 'SUCCESS') {
            this.userList = res.data.data;
          }
        });

      this.$http.get(window.localStorage.url + "/template/getList?infoid=" + this.infoId + "&eqptypecode=" + this.eqpTypeCode)
        .then(function (res) {
//          console.log(res.data);
          if (res.data.status == 'SUCCESS') {
            this.baseTemplateList = res.data.data;
          }
        });
      this.$http.get(window.localStorage.url + "/base/getDeptUsepacs")
        .then(function (res) {
          // console.log(res.data);
          if (res.data.status == 'SUCCESS') {
            this.deptList = res.data.data;
          }
        });

      this.$http.get(window.localStorage.url + "/user/getSessionMsg")
        .then(function (res) {
//          console.log(res.data);
          if (res.data.status == 'SUCCESS') {
            this.usercode = res.data.usercode;
            this.actorcode=res.data.actorcode;
          }
        });

    },
    data() {
      return {
        searchRepUser: '',
        searchAutiUser: '',
        showRepUser: false,
        showAutiUser: false,
        baseTemplateList: [],//模板列表
        eqptypeList: [],//设备类型列表
        equipList: [],//设备列表
        partList: [],//部位列表
        result: "",//检查结果
        description: "",//描述
        addOrReplace: "add",//默认替换
        emerg: "",//危急情况
        positive: "",//阴阳性
        patInfoList: [],//左侧人员列表
        id: "",//人员id
        name: "",//姓名
        pid: "",//人员pid
        accessno: "",
        parts: "",
        eqpName: "",
        beginnum: "",
        endnum: "",
        begintime: "",
        beginhour: '',
        //this.formatday()
        endtime: "",
        endhour: "",
        eqpType: "",
        userList: "",
        advice: "",
        audituserCode: "",
        auditTime: "",
        printTime: "",
        printuserCode: "",
        repTime: "",
        repuserCode: "",
        infoId: "",
        resultid: "",//pat_result id
        status: "",//状态
//        patpid:"",//人员唯一门诊号
        recordno: "",//档案号用于查询历史记录
        areacode: "",//区域号
        checktime: "3",//历史报告查询时间

        resultList: [],//历史列表

        historyresult: "",//历史结果
//        historyid:"",
//        firUl:true,//一级显示隐藏
//        togglenextToggle:true,//二级显示隐藏
        description1: "",//追加历史
        result1: "",//历史结论
        stuuid: "",
        patinfo: {},
        patPacs: '',
        typePat: '',
        loading: false,
        loading1: '',
        buttonPermission: 'imaview',
        message: '',
        timebegin: '',
        timeend: '',
        loguser: '',
        loglevel: '',
        loglevel1: '',
        logname1: '',
        message1: '',
        logdateStr1: '',
        logUserList: [],
        logList: [],
        logdateStr: '',
        thisColor: 'red',
        eqpTypeName: '',
        eqpTypeCode: '',
        statusCode: '1,5',
        accessNo: '',
        auditBox: false,
        formLabelWidth: '30px',
        dialogTableVisible: false,
        dialogFormVisible: false,
        form: {
          username: '',
          password: ''
        },
        auditUser: '',
        imageurl: [],
        eqpname: '',//详细信息中的设备名称
        eqpcode: '',
        reportname: '',
        reportid: '',
        reporttype: '',
        name1: '',
        accessno1: '',
        positive1: '',
        emerg1: '',
        deptList: [],
        deptcode: '',
        historyname: '',
        historynum: '',
        count: '',//总数
        usercode: '',//登录者信息
        actorcode:'',//角色code
        fileList: [],   //文件列表
        uploadUrl: window.localStorage.url + '/BaseSysUser/uploadFile/patimage',
        eqpNameCodes:''
      }
    },
    methods: {
      handleSuccess(res) {
//        console.log(res.data);
        var image = {imageurl: res.data, selected: false};
        this.imageurl.splice(this.imageurl.length, 0, image);
      },
      handleRemove(file, fileList) {
        console.log(file, fileList);
      },
      handlePreview(file) {
        console.log(file);
      },
      //点击右边的图片放大观看
      imgZPig: function (imageurl) {
        // var src=$(event.currentTarget).children('img').attr('src');
        var src = window.localStorage.staticUrl + imageurl;
        $('#contentImg').attr('src', src);
        $('.moveBar').show();
        $('.moveBar').css({
          width: ' 480px',
          height: '400px',
          background: '#fff',
          border: 'solid 1px #aaa',
          left: '40%',
          top: '50%',
          transform: 'translate(-50%,-50%)'
        })
        $('.moveBar').animate({
          opacity: '1'
        }, 100)
      },
      //关闭图片的模态
      bannerClose: function () {
        $('.moveBar').animate({
          opacity: '0'
        }, 100, function () {
          $('.moveBar').hide();
        })
      },

      //模板input触发显示
      modal_search: function () {
        $('.reading_right_center_right2').show();
        $('.reading_r_c_r_top2').show();
        $('.reading_r_c_r_bottom2').hide();
      },
      //历史报告模板
      historyReport: function () {
        $('.reading_right_center_right2').show();
        $('.reading_r_c_r_top2').hide();
        $('.reading_r_c_r_bottom2').show();
      },
      showAudit() {
        this.auditBox = true
        this.dialogTableVisible = true
        this.dialogFormVisible = true
      },
      //点击加载部位
      getpartList: function () {
//        console.log(this.infoId)
//        console.log(this.eqpType);
        this.$http.get(window.localStorage.url + "/base/getPart?eqpType=" + this.eqpType)
          .then(function (res) {
//              console.log(res.data);
            if (res.data.status == 'SUCCESS') {
              this.partList = res.data.data;
            }
          });
      },

      checkButton(code) {
        for (var i in this.buttons) {
          if (code == this.buttons[i]) {
            return true;
          }
        }
        return false;
      },

      //三个table切换
      table_pageTitle: function (num) {
        $(event.currentTarget).addClass('reading_table_page_active').siblings('.reading_table_page_active').removeClass('reading_table_page_active');
        if (num == 0) {
          $('.writeReport').show().siblings().hide();
        } else if (num == 1) {
          $('.reading_supReg').show().siblings().hide();
        } else {
          //报告流程
          $('.report_process').show().siblings().hide();
//          console.log(this.infoId);
//          console.log(this.patpid);
          this.$http.get(window.localStorage.url + "/log/getLogDetail?infoid=" + this.infoId + "&pid=" + this.accessNo + "&timebegin=" + this.timebegin + "&timeend=" + this.timeend + "&loguser=" + this.loguser + "&logtype=" + this.loglevel + "&message=" + this.message)
            .then(function (res) {
              // console.log(this.accessno);
              if (res.data.status == 'SUCCESS') {
//                console.log(res.data);
                this.logList = res.data.data;
                this.loglevel1 = res.data.data.loglevel == undefined ? "" : res.data.data.loglevel;
                this.logname1 = res.data.data.name == undefined ? "" : res.data.data.name;
                this.message1 = res.data.data.message == undefined ? "" : res.data.data.message;
                this.logdateStr1 = res.data.data.logdateStr == undefined ? "" : res.data.data.logdateStr;

              }
            });

        }
      },
      //呼号
      call(infoId) {
//        console.log(infoId);
        assign.call(infoId).then(response => {
          if (response.status == 'SUCCESS') {
            this.$notify.success({
              title: '成功',
              message: response.data,
              duration: 1000,
              // offset: 100
            });
          }
          else {
            this.$notify.error({
              title: '失败',
              message: response.data,
              duration: 1000,
              // offset: 100
            });
          }
        })
      },
      getConditionLog: function () {

        this.$http.get(window.localStorage.url + "/log/getLogDetail?infoid=" + this.infoId + "&pid=" + this.accessNo + "&timebegin=" + this.timebegin + "&timeend=" + this.timeend + "&loguser=" + this.loguser + "&logtype=" + this.loglevel + "&message=" + this.message)
          .then(function (res) {
//              console.log(res.data);
//            console.log(res.data.status)
            if (res.data.status == 'SUCCESS') {
//              console.log(res.data);
              this.logList = res.data.data;
              this.loglevel1 = res.data.data.loglevel == undefined ? "" : res.data.data.loglevel;
              this.logname1 = res.data.data.name == undefined ? "" : res.data.data.name;
              this.message1 = res.data.data.message == undefined ? "" : res.data.data.message;
              this.logdateStr1 = res.data.data.logdateStr == undefined ? "" : res.data.data.logdateStr;

            }
          });
      },
      toggle: function (event) {
        var _this = $(event).get(0).target
        $($(event).get(0).target).siblings("ul").toggle();

        if ($(_this).siblings('ul').is(':hidden')) {
          $(_this).children('img').css({
            transform: 'rotate(-90deg)'
          })
        } else {
          $(_this).children('img').css({
            transform: 'rotate(0deg)'
          })
        }


      },

      relogin: function () {
//        console.log(this.form);
        this.$http.get(window.localStorage.url + "/pat/relogin?username=" + this.form.username + "&password=" + this.form.password).then(function (res) {
          if (res.data.status == "SUCCESS") {
            this.$notify.success({
              title: '成功',
              message: "登录审核者成功!",
              duration: 3000,
              offset: 35
            })
            // console.log(res.data.data);
            window.localStorage.auditUser = '';
            window.localStorage.auditUser = res.data.data.code;
//            this.audituserCode=res.data.data.code;
//            this.auditUser=this.getUserName(res.data.data.code);
            this.auditBox = false;

            this.dialogTableVisible = false;
            this.dialogFormVisible = false;
          }
          else {
            this.$notify.error({
              title: '失败',
              message: "登录审核者失败",
              duration: 3000,
              offset: 35
            })
          }
        })
      },

      //历史列表
      gethistoryByCondition1: function () {
        this.recordno = '';
        var infoid = '';
        this.loading1 = true;
        console.log(this.historyname + this.historynum + this.deptcode + this.infoId);
        this.$http.get(window.localStorage.url + "/pat/getHistoryList?recordno=" + this.recordno + "&checktime=" + this.checktime + "&infoid=" + infoid + "&name=" + this.historyname + "&checkno=" + this.historynum + "&deptcode=" + this.deptcode)
          .then(function (res) {
            this.loading1 = false;
            if (res.data.status == 'SUCCESS') {
              this.resultList = res.data.data;
            }
            else {
              this.resultList = '';
            }

          })
      },
      gethistoryByCondition: function () {
//        console.log(this.historyname + this.historynum + this.deptcode + this.infoId);
        this.$http.get(window.localStorage.url + "/pat/getHistoryList?recordno=" + this.recordno + "&checktime=" + this.checktime + "&infoid=" + this.infoId + "&name=" + this.historyname + "&checkno=" + this.historynum + "&deptcode=" + this.deptcode)
          .then(function (res) {
            if (res.data.status == 'SUCCESS') {
              this.resultList = res.data.data;
            }
            else {
              this.resultList = '';
            }

          })
      },
//      gethistory:function () {
//        if(this.recordno!=null&&this.recordno!=''){
//          if (this.repTime != undefined) {
//            this.$http.get(window.localStorage.url + "/pat/getHistoryList?recordno=" + this.recordno + "&checktime=" + this.checktime + "&infoid=" + this.infoId + "&testtime=" + this.repTime)
//              .then(function (res) {
////              console.log(res.data);
//                if (res.data.status == 'SUCCESS') {
//                  this.resultList = res.data.data;
//                }
//              });
//          }
//        }
//        else {
//          this.resultList='';
//        }
//
//
//      },
      //追加查看pacs
//      addpacs(type){
//        var accessno=this.typePat.accessno;
//        var infoid =this.typePat.id;
//
//        this.$http.get(window.localStorage.url+"/pat/getStuuid/"+accessno+'/'+infoid)
//          .then(function (res) {
////            console.log(pid);
////            console.log(infoid);
////            console.log(res.data);
//            if(res.data.status=='SUCCESS'){
//              this.stuuid=res.data.data;
////              console.log(res.data.data)
////              window.open("http://demo.dayisheng.com/wpacs.aspx?stuuid="+res.data.data+"&user=cc&pswd=dd","newwindow","height=800, width=1366, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no, left=100px, top=100px")
//
//              this.$http.get(window.localStorage.url+"/pat/getStuuid/"+type.accessno+'/'+type.id)
//                .then(function (res) {
////                  console.log(type.pid);
////                  console.log(type.id);
////                  console.log(res.data);
//                  if(res.data.status=='SUCCESS'){
//                    this.patPacs=res.data.data;
////              console.log(res.data.data.stuuid);
////                    console.log(this.stuuid);
//
//                    window.open( window.localStorage.pacsUrl+"?stuuid="+this.stuuid+","+res.data.data+"&user="+window.localStorage.pacsUsername+"&pswd="+window.localStorage.pacsPassword,"newwindow","height=800, width=1366, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no, left=100px, top=100px")
//
//                    /*var src=window.localStorage.pacsUrl+"?stuuid="+this.stuuid+","+res.data.data+'&user='+window.localStorage.pacsUsername+'&pswd='+window.localStorage.pacsPassword;
//                    var win=window.open("","newwindow","height=800, width=1366, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no, left=100px, top=100px");
//                    win.document.write("<html> <meta name='renderer' content='webkit'> <frameset cols='1'> <frame src="+src+" > </frameset> </html>");*/
//
////              console.log(res.data.data.stuuid);
//
//                  }
//                });
//
//
//            }
//          });
//
//
//
//
//
//
//      },
      //检查部位
      getpartsByType(type) {
        this.$http.get(window.localStorage.url + "/base/getPart?eqpType=" + type)
          .then(function (res) {
//              console.log(res.data);
            if (res.data.status == 'SUCCESS') {
              this.partList = res.data.data;
            }
          });
      },
      //详细历史信息
      gethistorydetail(type) {


        this.$http.get(window.localStorage.url + "/pat/getHistoryDetail/" + type.accessno + "/" + type.id)
          .then(function (res) {
//            console.log(res.data);
            if (res.data.status == 'SUCCESS') {
              this.historyresult = res.data.data;
              this.age = res.data.data.age == undefined ? "" : res.data.data.age;
              this.name1 = res.data.data.cname == undefined ? "" : res.data.data.cname;
              this.description1 = res.data.data.description == undefined ? "" : res.data.data.description;
              this.eqpTypeName = res.data.data.eqpTypeName == undefined ? "" : res.data.data.eqpTypeName;
              this.positive1 = res.data.data.positive == undefined ? "" : res.data.data.positive;
              this.emerg1 = res.data.data.emerg == undefined ? "" : res.data.data.emerg;
//              this.sex=res.data.data.sex==undefined?"":res.data.data.sex;
              this.accessno1 = res.data.data.accessno == undefined ? "" : res.data.data.accessno;
//              this.reptime=res.data.data.reptime==undefined?"":res.data.data.reptime;
              this.result1 = res.data.data.result == undefined ? "" : res.data.data.result;
            }
          });
      },
      //追加替换
      addorreplace: function (index1, index2, index3) {
        if (this.status == 20 || this.status == 25 || this.status == 30) {
          return false;
        }
        $($(event).get(0).target).parents('.tree_down').find('.color_red').removeClass('color_red');
        $($(event).get(0).target).addClass('color_red');

        var text1 = this.baseTemplateList[index1].partList[index2].templateList[index3].description == undefined ? "" : this.baseTemplateList[index1].partList[index2].templateList[index3].description;
//          console.log(this.baseTemplateList[index1].partList[index2].templateList[index3].result);
        var text2 = this.baseTemplateList[index1].partList[index2].templateList[index3].result == undefined ? "" : this.baseTemplateList[index1].partList[index2].templateList[index3].result;
        var text3 = this.baseTemplateList[index1].partList[index2].templateList[index3].advice == undefined ? "" : this.baseTemplateList[index1].partList[index2].templateList[index3].advice;

        if (this.addOrReplace == "replace") {

          this.description = text1;
          this.result = text2;
          this.advice = text3;
        }
        else if (this.addOrReplace == "add") {

          this.description += text1;
          this.result += text2;
          this.advice += text3;
        }
        var pos = this.baseTemplateList[index1].partList[index2].templateList[index3].positive;
        console.log(pos);
        if (pos == 1) {
          this.positive = 1;
        }
        else if (pos === 0) {
          this.positive = 0;
        }
        else {
          this.positive = "";
        }
        console.log(this.positive);
        var emergs = this.baseTemplateList[index1].partList[index2].templateList[index3].emerg;
//        console.log(emergs);
        if (emergs == "危急") {
          this.emerg = "危急";
        }
        else if (emergs == "不危急") {
          this.emerg = "不危急";
        }
        else {
          this.emerg = "";
        }


      },
      //详细结果信息
      getResultDetail: function (pat) {
        this.typePat = pat;
        this.patinfo = pat;
        this.recordno = pat.recordno;
        this.status = pat.statuscode;
        this.eqpTypeName = pat.eqptypename;
        this.eqpTypeCode = pat.eqptypecode;


        this.areacode = pat.areacode;
        var id = pat.id;
        this.infoId = id;
        this.deptcode = "";
        this.historynum = "";
        this.historyname = pat.cname;
        var accessno = pat.accessno;
//        console.log(id)
//        console.log(pid);
        var checktime = this.checktime;
//        console.log(stuuid)
//        console.log(id);
//        console.log(pid);
//        console.log(checktime);

//        console.log(id)
        this.$http.get(window.localStorage.url + "/pat/getResultById/" + id)
          .then(function (res) {
//            console.log(res.data)
            if (res.data.status == "SUCCESS") {
              // console.log(accessno);
//              this.patResult=res.data.data;
              this.description = res.data.data.description == undefined ? "" : res.data.data.description;
              this.result = res.data.data.result == undefined ? "" : res.data.data.result;
              this.emerg = res.data.data.emerg == undefined ? "" : res.data.data.emerg;
              this.positive = res.data.data.positive == undefined ? "" : res.data.data.positive;
              this.advice = res.data.data.advice == undefined ? "" : res.data.data.advice;
              this.repTime = res.data.data.repTimeStr == undefined ? "" : res.data.data.repTimeStr;
              this.auditTime = res.data.data.audittimeStr == undefined ? "" : res.data.data.audittimeStr;
              this.repuserCode = res.data.data.repusercode == undefined ? "" : res.data.data.repusercode;
              this.searchRepUser = this.getUserName(this.repuserCode);
              this.audituserCode = res.data.data.auditusercode == undefined ? "" : res.data.data.auditusercode;
//              this.searchAutiUser=this.getUserName(this.audituserCode);
              this.auditUser = this.getUserName(this.audituserCode);
              this.infoId = id;
              this.accessNo = accessno;
//              this.recordno=res.data.data.recordno==undefined?"":res.data.data.recordno;
              //          this.areacode=res.data.data.areacode==undefined?"":res.data.data.areacode;
              this.resultid = res.data.data.id == undefined ? "" : res.data.data.id;
              this.status = res.data.data.status == undefined ? "" : res.data.data.status;
              this.eqpname = res.data.data.equipname == undefined ? "" : res.data.data.equipname;
              this.eqpcode = res.data.data.eqpcode == undefined ? "" : res.data.data.eqpcode;
              this.imageurl = res.data.imageurl == undefined ? "" : res.data.imageurl;

//              console.log(res.data.data.status)
//              this.stuuid=stuuid;
//              console.log(this.status);
//              this.gethistory();

            }

            this.getConditionLog();
          });
//        console.log( this.recordno);
//        console.log(11111111111);
//        if(this.recordno!=''&&this.recordno!=undefined){
//
//            this.$http.get(window.localStorage.url + "/pat/getHistoryList?recordno=" + this.recordno + '&checktime=' + checktime + '&infoid=' + id + "&testtime=" + this.repTime)
//              .then(function (res) {
//                if (res.data.status == 'SUCCESS') {
//                  this.resultList = res.data.data;
//                }
//              });
//        }
//        else {
//          this.resultList='';
//        }
//        console.log(this.infoId);
        this.gethistoryByCondition();
        this.$http.get(window.localStorage.url + "/template/getList?infoid=" + id + "&eqptypecode=" + this.eqpTypeCode)
          .then(function (res) {
//          console.log(res.data);
            if (res.data.status == 'SUCCESS') {
              this.baseTemplateList = res.data.data;
            }

          });


      },
      //查看影像
      imagesearch: function (item) {

        var accessno = item.accessno;

        var infoid = item.id;

        this.$http.get(window.localStorage.url + "/pat/getStuuid/" + accessno + '/' + infoid)
          .then(function (res) {
            if (res.data.status == 'SUCCESS') {
              this.stuuid = res.data.data;
//              console.log( this.stuuid)
              if (null != res.data.data && res.data.data != '' && res.data.data != undefined) {
                window.open(window.localStorage.pacsUrl + "?stuuid=" + res.data.data + "&user=" + window.localStorage.pacsUsername + "&pswd=" + window.localStorage.pacsPassword, "newwindow", "height=800, width=1366, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no, left=100px, top=100px")
                /* var src1=window.localStorage.pacsUrl + '?stuuid=' + res.data.data + '&user='+window.localStorage.pacsUsername+'&pswd='+window.localStorage.pacsPassword;

                var win=window.open("","newwindow", "height=800, width=1366, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no, left=100px, top=100px");
                win.document.write("<html> <meta name='renderer' content='webkit'> <frameset cols='1'> <frame src="+src1+" > </frameset> </html>");*/
              }
            }
          });

//        window.open("http://demo.dayisheng.com/wpacs.aspx?stuuid="+item.stuuid+"&user=cc&pswd=dd","newwindow","height=800, width=1366, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no, left=100px, top=100px")
//        this.stuuid=item.stuuid;

      },
      //保存检查报告结论
      savePatResult: function () {

        var $this = this;
//        console.log($this.infoId);
        if($this.infoId===''||$this.infoId==undefined){
          this.$notify({
            title: '失败',
            message: '请选择患者',
            duration: 3000,
            offset: 35
          });
        }
        else {
          $this.$http.post(window.localStorage.url + "/pat/savePatResult", {
            description: $this.description,
            result: $this.result,
            emerg: $this.emerg,
            positive: $this.positive,
            advice: $this.advice,
            reptime: $this.repTime,
            audittime: $this.auditTime,
            repusercode: $this.repuserCode,
            auditusercode: $this.audituserCode,
            infoid: $this.infoId,
            id: $this.resultid,
            areacode: $this.areacode,
          })
            .then(function (res) {
//                console.log(res.data)
              if (res.data.status == "SUCCESS") {
                this.$notify({
                  title: '成功',
                  type: 'success',
                  message: res.data.message,
                  duration: 3000,
                  offset: 35
                });
                if($this.imageurl!=null&&$this.imageurl!=''&&$this.imageurl!=undefined){
                  $this.$http.post(window.localStorage.url + "/pat/savePicMsg/" + $this.infoId, $this.imageurl).then(function (res) {
                    if(res.data.status=="SUCCESS"){
                      $this.info();

//                      this.$notify({
//                        title: '成功',
//                        type: 'success',
//                        message: res.data.message,
//                        duration: 3000,
//                        offset: 35
//                      });
                    }
                    else{
                      this.$notify({
                        title: '失败',
                        type: 'error',
                        message: res.data.message,
                        duration: 3000,
                        offset: 35
                      });
                    }

                  })
                }
                else{
                  $this.info();
                }


//              $this.getListByCondition();
              }
              else {
                this.$notify({
                  title: '失败',
                  type: 'error',
                  message: res.data.message,
                  duration: 3000,
                  offset: 35
                });
              }
//            $this.info();
//               this.$http.get(window.localStorage.url+"/pat/getResultById/"+id)
            });
//        console.log(window.localStorage.url+"/pat/savePicMsg?infoid="+this.infoId+"&imageurl="+JSON.stringify(this.imageurl));
        }


      },
      delImg(index) {
        this.imageurl.splice(index, 1);
      },
      openImg(e) {
        var src = $(e.currentTarget).children('img').attr('src');
        window.open(src);
      },
      //拍照功能
      takePhoto: function () {
        if(this.infoId===''||this.infoId==undefined){
          this.$notify({
            title: '失败',
            message: '请选择患者',
            duration: 3000,
            offset: 35
          });
        }
        else{
          var patinfo;
          var state;
          var areacode;
          this.$http.get(window.localStorage.url +"/pat/getPatInfoById/" + this.infoId).then(function (res) {
//            console.log(res.data.data.id);
          patinfo=res.data.data;
          state=res.data.data.statuscode;
          areacode=res.data.data.areacode;
//          console.log(areacode);
//        ,"patinfo":window.localStorage.url+"/pat/getPatInfoById/" + this.infoId
//            console.log(JSON.stringify({
//              "AppName": "WebRis", "actionName": "video","perinfo":patinfo,"saveurl":window.localStorage.url + "/pat/savePic?infoid=" + this.infoId + "&imageurl=" +"imageurl"
//              , "data": window.localStorage.url + "/BaseSysUser/uploadFile/patimage"
//            }))
            this.$http.post("http://127.0.0.1:50000/video?dataType=text", JSON.stringify({
              "AppName": "WebRis", "actionName": "video","perinfo":patinfo,saveurl:window.localStorage.url + "/pat/savePic?infoid=" + this.infoId +"&areacode="+areacode+"&imageurl="+"imageurl"
              , "data": window.localStorage.url + "/BaseSysUser/uploadFile/patimage"
            }), {
              headers: {
                'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
              }, credentials: false
            }).then(response => {
//              console.log(response.data)
              if (response.data.status == "SUCCESS") {

                var imageurl = {selected: false, imageurl: ""};
                imageurl.imageurl = response.data.data;
//                console.log(response.data.data)
                this.imageurl.splice(this.imageurl.length, 0, imageurl);
//                console.log(res.data.data.id);
//                console.log(response.data.perinfo);
//                console.log(response.data.perinfo.id);
                if(res.data.data.id!=response.data.perinfo.id){
                  this.$notify({
                    title: '提示',
                    message: '视频框信息与登记人员信息不同',
                    position: 'bottom-right',
                    duration: 2000
                  });
                }
//                this.$http.get(window.localStorage.url + "/pat/savePic?infoid=" + this.infoId + "&imageurl=" + encodeURIComponent(JSON.stringify(imageurl))).then(function (res) {
//                })
////                  this.imageurl=data.data.imageurl;
//                  this.$notify({
//                    title: '成功',
//                    type: 'success',
//                    message: "成功",
//                    duration: 3000,
//                    offset: 35
//                  });
//                console.log(state);
                if((response.data.savedb==false||response.data.savedb==='')&&(state==1||state==5||state==10||state==15)){
                  this.$http.get(window.localStorage.url + "/pat/savePic?infoid=" + this.infoId +"&areacode="+areacode+"&imageurl=" + encodeURIComponent(JSON.stringify(imageurl))).then(function (res) {
                  })
                }

              } else {
                this.$notify({
                  title: '失败',
                  message: '拍照取图失败',
                  duration: 3000,
                  offset: 35
                });
              }
            }).then(function () {
//              console.log(312321)

              $('.r_r_c_l_right_ul').scrollTop($('.r_r_c_l_right_ul')[0].scrollHeight);
            })
          })
        }
//        console.log(this.infoId);
//        var patinfo =window.localStorage.url+"/pat/getPatInfoById/" + this.infoId;
//        console.log(patinfo);




      },
      //审核
      audit: function () {

        if (window.localStorage.auditUser == 'undefined' || window.localStorage.auditUser == "" || window.localStorage.auditUser == null) {
          this.auditBox = true
          this.dialogTableVisible = true
          this.dialogFormVisible = true
          this.form = {
            username: '',
            password: ''
          };
        } else {
          this.audituserCode = window.localStorage.auditUser;
          var $this = this;
          $this.$http.post(window.localStorage.url + "/pat/audit", {
            description: $this.description,
            result: $this.result,
            emerg: $this.emerg,
            positive: $this.positive,
            advice: $this.advice,
            reptime: $this.repTime,
            audittime: $this.auditTime,
            repusercode: $this.repuserCode,
            auditusercode: $this.audituserCode,
            infoid: $this.infoId,
            id: $this.resultid,
            areacode: $this.areacode,
          })
            .then(function (res) {
              if (res.data.status == "SUCCESS") {
                this.$notify({
                  title: '成功',
                  type: 'success',
                  message: res.data.message,
                  duration: 3000,
                  offset: 35
                });
              }
              this.info();
              this.$http.get(window.localStorage.url + "/BaseEquip/getReportName?code=" + this.eqpcode).then(function (res) {
                if (res.data.status == 'SUCCESS') {
//            console.log(res.data)
//            console.log(res.data.data.reportname)
                  this.reportname = res.data.data.reportname == undefined ? "" : res.data.data.reportname;
                  this.reportid = res.data.data.reportid == undefined ? "" : res.data.data.reportid;
                  this.reporttype = res.data.data.reporttype == undefined ? "" : res.data.data.reporttype;
//            console.log(this.reportname)
//            console.log(this.reportid)
//            console.log(this.reporttype)
                  this.$http.get(window.localStorage.url + "/print/rptAll?pids=" + this.infoId + "&rptName=" + this.reportname + "&type=" + this.reporttype + "&actionname=" + "CREATEPDF" + "&areacode=" + '1')
                    .then(function (res) {
//            console.log(res.data);
                      if (res.data.status == 'SUCCESS') {
                        res.data.data.UPLOADFILEADDR = window.localStorage.url + res.data.data.UPLOADFILEADDR;
                        res.data.data.SAVEFILEADDR = window.localStorage.url + res.data.data.SAVEFILEADDR;
                        this.$http.post(res.data.url, JSON.stringify(res.data.data), {
                          headers: {
                            'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
                          }, credentials: false
                        }).then(response => {

                          if (response.data.STATUS == "OK") {
                            this.$notify({
                              title: '成功',
                              type: 'success',
                              message: '成功',
                              duration: 3000,
                              offset: 35
                            });
//                      this.$http.get(window.localStorage.url+"/print/savePrintResult?result="+ encodeURIComponent(JSON.stringify(response.data)) +"&pids="+this.infoId);
//                      $this.$http.post(window.localStorage.url+"/pat/printStatus/"+infoid)
//                        .then(function (res) {
////                console.log(res.data)
//
//                          this.info();
//                        })
                          }
//                    else {
//                      this.$notify({
//                        title: '失败',
//                        message: '打印失败',
//                        duration: 3000,
//                        offset: 35
//                      });
//                    }
                        })
                      }
                    })
//            console.log(this.reportname)
//            console.log(this.reportid)
//            console.log(this.reporttype)
//            var data1 ={"LOCALURL":window.localStorage.url,"REPORTEMPTNAME":this.reportname,"REPORTTEMPTYPE":"检查报告","ACTIONNAME":"createpdf","AREACODE":this.areacode,"INFOID":this.infoId}
//            var data =JSON.stringify(data1)
//            console.log(data1);
                }

              })
            });
        }


      },
      //撤销审核
      repeal: function () {
//        console.log(this.actorcode);
//        console.log(this.repuserCode);
//        console.log(this.audituserCode);
        if (this.usercode == this.repuserCode || this.usercode == this.audituserCode||this.actorcode==7) {
          var $this = this;
          this.$confirm('是否确定撤销?', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
            $this.$http.post(window.localStorage.url + "/pat/repeal", {
              description: $this.description,
              result: $this.result,
              emerg: $this.emerg,
              positive: $this.positive,
              advice: $this.advice,
              reptime: $this.repTime,
              audittime: $this.auditTime,
              repusercode: $this.repuserCode,
              auditusercode: $this.audituserCode,
              infoid: $this.infoId,
              id: $this.resultid,
              areacode: $this.areacode,
            })
              .then(function (res) {
//                console.log(res.data)
                if (res.data.status == "SUCCESS") {
                  /*this.$message({
                    type: 'success',
                    message:res.data.message,
                  });*/
                  this.$notify({
                    title: '成功',
                    type: 'success',
                    message: res.data.message,
                    duration: 3000,
                    offset: 35
                  });

                }
                else {
                  /*this.$message({
                    type: 'error',
                    message:res.data.message,
                  });*/
                  this.$notify.error({
                    title: '失败',
                    type: 'error',
                    message: res.data.message,
                    duration: 3000,
                    offset: 35
                  });
                }
                this.info();
              });
          }).catch(() => {
            /*this.$message({
              type: 'info',
              message: '已取消撤销'
            });*/
            this.$notify.info({
              title: '取消',
              message: '已取消撤销',
              duration: 3000,
              offset: 35
            });
          });
        }
        else {
          this.$notify.info({
            message: '您没有撤销资格！',
            duration: 3000,
            offset: 35
          });
        }

      },
      //刷新数据回查详细结果的方法
      info: function () {

        var infoid = this.infoId;
        this.$http.get(window.localStorage.url + "/pat/getResultById/" + infoid)
          .then(function (res) {
//            console.log(res.data)
            if (res.data.status == "SUCCESS") {
//              this.patResult=res.data.data;
              this.description = res.data.data.description == undefined ? "" : res.data.data.description;
              this.result = res.data.data.result == undefined ? "" : res.data.data.result;
              this.emerg = res.data.data.emerg == undefined ? "" : res.data.data.emerg;
              this.positive = res.data.data.positive == undefined ? "" : res.data.data.positive;
              this.advice = res.data.data.advice == undefined ? "" : res.data.data.advice;
              this.repTime = res.data.data.repTimeStr == undefined ? "" : res.data.data.repTimeStr;
              this.auditTime = res.data.data.audittimeStr == undefined ? "" : res.data.data.audittimeStr;
              this.repuserCode = res.data.data.repusercode == undefined ? "" : res.data.data.repusercode;
              this.searchRepUser = this.getUserName(res.data.data.repusercode == undefined ? "" : res.data.data.repusercode);
              this.audituserCode = res.data.data.auditusercode == undefined ? "" : res.data.data.auditusercode;
//              this.searchAutiUser=this.getUserName(this.audituserCode);
              this.auditUser = this.getUserName(this.audituserCode);
//                   this.infoId=id;
//                   this.patpid=pid;
              this.areacode = res.data.data.areacode == undefined ? "" : res.data.data.areacode;
              this.resultid = res.data.data.id == undefined ? "" : res.data.data.id;
              this.status = res.data.data.status == undefined ? "" : res.data.data.status;
              this.eqpname = res.data.data.equipname == undefined ? "" : res.data.data.equipname;
              this.eqpcode = res.data.data.eqpcode == undefined ? "" : res.data.data.eqpcode;
              this.imageurl = res.data.imageurl == undefined ? "" : res.data.imageurl;
//              this.stuuid=stuuid;
//              console.log(this.status);
//              this.gethistory();

            }

          });
//        this.$http.get(window.localStorage.url+"/pat/getPicMsg?infoid="+infoid).then(function (res) {
//
//
//        })
      },
      //打印预览
      printview: function () {
        var infoid = this.infoId;
        var areacode = this.areacode;
        this.$http.get(window.localStorage.url + "/print/getPdfPath?infoid=" + infoid + "&areacode=" + areacode).then(function (res) {
          if (res.data.status == 'SUCCESS') {
//            console.log(res.data.filepath)
//            console.log(res.data.data);
            window.open(window.localStorage.staticUrl + res.data.data);
          }
          else {
            this.$notify({
              title: '失败',
              message: '请先审核',
              duration: 3000,
              offset: 35
            });
          }

        })
      },
      //打印预览
//      printview:function () {
////        console.log(this.areacode+this.patpid);
////         console.log(this.infoId);
////        console.log(this.patpid);
////        this.$http.get(window.localStorage.url+"/print/rptAll?pids="+this.infoId+"&rptName="+"检查报告"+"&areacode="+"1"+"&actionName="+"preview")
////          .then(function (res) {
//////            console.log(res.data);
////            if(res.data.status=='SUCCESS') {
////
////
////            }
////          });
//
////        console.log(this.eqpname);
//        console.log(this.eqpcode);
//        //根据设备code查询报告模板名称
//        this.$http.get(window.localStorage.url+"/BaseEquip/getReportName?code="+this.eqpcode).then(function (res) {
//          if(res.data.status=='SUCCESS'){
////            console.log(res.data)
////            console.log(res.data.data.reportname)
//            this.reportname=res.data.data.reportname==undefined?"":res.data.data.reportname;
//            this.reportid = res.data.data.reportid==undefined?"":res.data.data.reportid;
//            this.reporttype = res.data.data.reporttype==undefined?"":res.data.data.reporttype;
//            this.$http.get(window.localStorage.url+"/print/rptAll?pids="+this.infoId+"&rptName="+this.reportname+"&type="+this.reporttype+"&areacode="+'1')
//              .then(function (res) {
////            console.log(res.data);
//                if(res.data.status=='SUCCESS') {
//
//                  this.$http.post(res.data.url ,JSON.stringify(res.data.data),{headers: {
//                    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
//                  },credentials:false}).then(response=>  {
//
//                    if(response.data.STATUS=="OK")
//                    {
//                      this.$notify({
//                        title: '成功',
//                        type: 'success',
//                        message: res.data.message,
//                        duration: 3000,
//                        offset: 35
//                      });
////                      this.$http.get(window.localStorage.url+"/print/savePrintResult?result="+ encodeURIComponent(JSON.stringify(response.data)) +"&pids="+this.infoId);
////                      $this.$http.post(window.localStorage.url+"/pat/printStatus/"+infoid)
////                        .then(function (res) {
//////                console.log(res.data)
////
////                          this.info();
////                        })
//                    }
////                    else {
////                      this.$notify({
////                        title: '失败',
////                        message: '打印失败',
////                        duration: 3000,
////                        offset: 35
////                      });
////                    }
//                  })
//                }
//              })
//            console.log(this.reportname)
//            console.log(this.reportid)
//            console.log(this.reporttype)
////            var data1 ={"LOCALURL":window.localStorage.url,"REPORTEMPTNAME":this.reportname,"REPORTTEMPTYPE":"检查报告","ACTIONNAME":"createpdf","AREACODE":this.areacode,"INFOID":this.infoId}
////            var data =JSON.stringify(data1)
////            console.log(data1);
//          }
//
//        })
//        //        var data1={"Action":"BarCodePrint","TestNo":this.infoId,"ReportType":"检查报告","AreaCode":this.areacode,"DesignMode":""};
////        var data1={"GETREPORTURL":window.localStorage.url+"/sysreportfile/getReport?type="+"超声科"+"&name="+"检查报告"+"&path="+window.localStorage.staticUrl+"&areacode="+'1',"INSERTREPORTURL":window.localStorage.url+"/sysreportfile/insertReport?type="+"超声科"+"&name="+"检查报告"+"&path="+window.localStorage.staticUrl+"&areacode="+'1',"ACTIONNAME":"print","INFOID":this.infoId,"REPORTNAME":"检查报告","REPORTTYPE":"超声科","AREACODE":this.areacode};
////        var data =encodeURIComponent(JSON.stringify(data1));
////        console.log(data1);
//
//
//      },
      //打印
      print: function () {
        var $this = this;
        var infoid = this.infoId;
        this.$http.get(window.localStorage.url + "/BaseEquip/getReportName?code=" + this.eqpcode).then(function (res) {
          if (res.data.status == 'SUCCESS') {
//            console.log(res.data)
//            console.log(res.data.data.reportname)
            this.reportname = res.data.data.reportname == undefined ? "" : res.data.data.reportname;
            this.reportid = res.data.data.reportid == undefined ? "" : res.data.data.reportid;
            this.reporttype = res.data.data.reporttype == undefined ? "" : res.data.data.reporttype;
//            console.log(this.reportname)
//            console.log(this.reportid)
//            console.log(this.reporttype)
            this.$http.get(window.localStorage.url + "/print/rptAll?pids=" + this.infoId + "&rptName=" + this.reportname + "&type=" + this.reporttype + "&actionname=" + "PRINT" + "&areacode=" + '1')
              .then(function (res) {
//            console.log(res.data);
                if (res.data.status == 'SUCCESS') {
//                  console.log(res.data.url);
//                  console.log(res.data.data)
                  res.data.data.UPLOADFILEADDR = window.localStorage.url + res.data.data.UPLOADFILEADDR;
                  res.data.data.SAVEFILEADDR = window.localStorage.url + res.data.data.SAVEFILEADDR;
                  this.$http.post(res.data.url, JSON.stringify(res.data.data), {
                    headers: {
                      'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
                    }, credentials: false
                  }).then(response => {

                    if (response.data.STATUS == "OK") {
                      this.$notify({
                        title: '成功',
                        type: 'success',
                        message: '成功',
                        duration: 3000,
                        offset: 35
                      });
//                      this.$http.get(window.localStorage.url+"/print/savePrintResult?result="+ encodeURIComponent(JSON.stringify(response.data)) +"&pids="+this.infoId);
                      $this.$http.post(window.localStorage.url + "/pat/printStatus/" + infoid)
                        .then(function (res) {
////                console.log(res.data)

                          this.info();
                        })
                    }
                    else {
                      this.$notify({
                        title: '失败',
                        message: '打印失败',
                        duration: 3000,
                        offset: 35
                      });
                    }
                  })
                }
              })
          }

        })

//        this.$notify.info({
//          title: '成功',
//          message: '打印中',
//          duration: 3000,
//          offset: 35
//        });
//        this.$http.get(window.localStorage.url+"/print/rptAll?pids="+this.infoId+"&rptName="+"检查报告"+"&type="+'超声科'+"&areacode="+'1')
//          .then(function (res) {
////            console.log(res.data);
//            if(res.data.status=='SUCCESS') {
//
//                this.$http.post(res.data.url ,JSON.stringify(res.data.data),{headers: {
//                  'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
//                },credentials:false}).then(response=>  {
//
//                  if(response.data.STATUS=="OK")
//                  {
//                    this.$notify({
//                      title: '成功',
//                      type: 'success',
//                      message: res.data.message,
//                      duration: 3000,
//                      offset: 35
//                    });
//                    this.$http.get(window.localStorage.url+"/print/savePrintResult?result="+ encodeURIComponent(JSON.stringify(response.data)) +"&pids="+this.infoId);
//                    $this.$http.post(window.localStorage.url+"/pat/printStatus/"+infoid)
//                      .then(function (res) {
////                console.log(res.data)
//
//                        this.info();
//                      })
//                  } else {
//                    this.$notify({
//                      title: '失败',
//                      message: '打印失败',
//                      duration: 3000,
//                      offset: 35
//                    });
//                  }
//                  })
//                  }
//                })
      },
      //条件查询左侧列表
      getListByCondition: function () {
//        console.log(this.begintime)
        this.loading = true;
        this.$http.get(window.localStorage.url + "/pat/getUltrasonicList?name=" + this.name + "&accessno=" + this.accessno + "&parts=" + this.parts + "&eqpName=" + this.eqpName + "&begintime=" + (this.begintime + ' ' + this.beginhour) + "&endtime=" + (this.endtime + ' ' + this.endhour) + "&statusCode=" + this.statusCode)
          .then(function (res) {
            this.loading = false;
//            console.log(222)
//            console.log(res.data);
            this.count = res.data.count;
            if (res.data.status == 'SUCCESS') {
              this.patInfoList = res.data.data;
            }
            else {
              this.patInfoList = '';
            }
          });
      },
      //追加替换历史
      addhistory: function () {
        var description1 = this.description1;
        var result1 = this.result1;
        this.description = this.description + description1;
        this.result = this.result + result1;
        $('.reading_view_modal').hide()
        $('.reading_view_modalModal').hide()
      },
      //追加替换历史
      replacehistory: function () {
        this.description = this.description1;
        this.result = this.result1;
        $('.reading_view_modal').hide()
        $('.reading_view_modalModal').hide()
      },
      //选择检查医生
      selectRepUser(type) {
        this.repuserCode = type.code;
        this.searchRepUser = type.name;
        this.showRepUser = false;
      },
      //选择审核医生
      selectAutiUser(type) {
        this.audituserCode = type.code;
        this.searchAutiUser = type.name;
        this.showAutiUser = false;
      },
      //选择检查医生
      searchAutiUserClick() {
        // console.log(2222)
        this.showAutiUser = true;
      },
      //查询用户名
      getUserName(code) {
        for (var i in this.userList) {
          if (this.userList[i].code == code) {
            return this.userList[i].name
          }
        }
        return '';
      }
    },
    mounted() {
      var that = this;

      $('#banner').mousedown(
        function (event) {
          var isMove = true;
          var abs_x = event.pageX - $('div.moveBar').offset().left;
//        var abs_x = event.pageX - $('div.moveBar').offset().left;
          var abs_y = event.pageY - $('div.moveBar').offset().top;
          var abs_xwidth = $(this).parents('.moveBar').width();
          var abs_xheight = $(this).parents('.moveBar').height();
//        console.log(event.pageX)
//        console.log( $('div.moveBar').offset().left)
          $(document).mousemove(function (event) {
//          console.log($('div.moveBar').offset().top)
//          console.log($('div.moveBar').offset().left)
//          if($('div.moveBar').offset().top<40){
//            var abs_y = event.pageY - 40;
//          }
//          if($('div.moveBar').offset().left<0){
//            var abs_x = event.pageX - 0;
//          }
              if (isMove) {
                var obj = $('div.moveBar');
                obj.css({'left': event.pageX - abs_x + abs_xwidth / 2, 'top': event.pageY - abs_y + abs_xheight / 2});
              }
            }
          )
            .mouseup(
              function () {
                isMove = false;
              }
            );
        }
      );

      $('body').on('keyup', function (e) {
        var keyCode = e.keyCode || e.which || e.charCode;
//      console.log(keyCode);
        if (keyCode == 121) {
          that.takePhoto();
          e.preventDefault();
        }
      });

      $('body').on('keydown', function (e) {
        var keyCode = e.keyCode || e.which || e.charCode;
        if (keyCode == 121) {
          // that.takePhoto();
          e.preventDefault();
        }
      });

      //手动调节字体大小   影像检查描述
      var def = {
        class: 'fontSize1',
        class2: 'fontSize12',
        id: 'textFontSize',
      };
//    window.localStorage.class2=100;
      $('.' + def.class).val(window.localStorage.fontSize1);
      var cuti = null;
      if (window.localStorage.fontSize2 == 100) {
        cuti = 0;
      } else {
        cuti = 1;
      }
      $('.' + def.class2).val(cuti);
      $('.' + def.id).css({
        fontSize: window.localStorage.fontSize1 + 'px',
        fontWeight: window.localStorage.fontSize2,
      })
      $('.fontSize1').change(function () {
        var val = $(this).val();
        window.localStorage.fontSize1 = val;
        $('.' + def.id).css({
          fontSize: val + 'px',
        })
      });
      $('.fontSize12').change(function () {
        var size2 = $(this).val(), size3 = "";
//        console.log(size2+'size2')
        if (size2 == 0) {
          size3 = 100;
        } else {
          size3 = 'bold';
        }
//        console.log(size3+'size3')
        window.localStorage.fontSize2 = size3;
        $('.' + def.id).css({
//          fontSize:val+'px',
          fontWeight: size3,
        })
      });
//      console.log(window.localStorage.fontSize1)
//      console.log(window.localStorage.fontSize2)


      $(document).bind('click', function (e) {
        var target = $(e.target);
//        console.log(target.closest('.reading_r_c_r_top_cont_search').length)
        if (target.closest('.reading_right_head_right').length == 0 && target.closest('.reading_right_center_right2').length == 0 && target.closest('.reading_left_tableCont').length == 0 && target.closest('.click_zk').length == 0) {
          $('.reading_right_center_right2').hide();
          $('.reading_r_c_r_top2').hide();
        }
      })


      var input = {
        value: $('.aaa').val(),
        init: function () {
          var _this = this;
          document.onkeydown = function (e) {
            _this.value = $('.aaa').val();
//           console.log(e.keyCode);
            //根据按键调用与之对应的方法
            switch (e.keyCode) {
              case 8:
                moveLeft();
                break;
            }
          }

          function moveLeft() {
            var isFocus = $(".aaa").is(":focus");
            if (true == isFocus) {
              $('.aaa').val(_this.value);
              $('.aaa').one('blur', function () {
                $('.aaa').val(_this.value);
                return false;
              })
            }

          }
        }
      };
      input.init();


      $('.aaa').on('input propertychange', function () {
//        if(keyCode==)
      })


      $(document).bind('click', function () {
        if ($(document).closest($(event)).length == 0) {
          $('.tree_down').find('.color_red').removeClass('color_red');
        }
      })


      var _this = this;
      $('body').bind("click", function (e) {
        var target = $(e.target);
        if (target.closest('.drop_down_Top1').length == 0) {
//          _this.showAutiUser=false;
          _this.showRepUser = false;
        }
        if (target.closest('.drop_down_Top2').length == 0) {
          _this.showAutiUser = false;
//          _this.showRepUser=false;
        }
      });


      $pg.inputRetrieve({
        input: '.reading_r_c_r_top_cont_search',//input的值
        ul: '.tree_down',//ul的值   或者  table:'值'
      });


      $('.table').on('mousemove', 'td', function () {
        $(this).parent('tr').addClass('tableMousemove').siblings('.tableMousemove').removeClass('tableMousemove');
      })
      $('.table').on('mouseout', 'td', function () {
        $(this).parent('tr').removeClass('tableMousemove');
      })
      $('.table').on('click', 'td', function () {
        $(this).parent('tr').addClass('tableActive').siblings('.tableActive').removeClass('tableActive');
      })


//查询栏的展开和关闭

      //查看按钮
      $('.reading_r_c_r_bottom_cont').on('click', '.reading_sech_view', function () {
        $('.reading_view_modal').show()
        $('.reading_view_modalModal').show()
      });
      $('.reading_view_modal_close').click(function () {
        $('.reading_view_modal').hide()
        $('.reading_view_modalModal').hide()
      });
      $(document).bind("click", function (e) {
        var target = $(e.target);
        if (target.closest(".reading_view_modal").length == 0 && target.closest(".reading_sech_view").length == 0) {
          $('.reading_view_modal').hide()
          $('.reading_view_modalModal').hide()
        }
      });
      $('.click_zk').click(function () {
        $('.reg_search_tabToggle').toggle();
        if ($('.reg_search_tabToggle').is(':hidden')) {
          $(this).text("点击展开");
        } else {
          $(this).text("点击关闭");
        }
      });

      //根据浏览器的高度来设置内容区想对应的页面显示

      function height() {
        var winHeight = $(window).height();
//            winHeight=winHeight-
        winHeight = (winHeight - 667) / 1.2;
        winHeight = winHeight < 0 ? 0 : winHeight;
        $('.reading_left_tableCont').css({
          height: 380 + winHeight + 'px'
        })
        $('.reading_right_center').css({
          height: 510 + winHeight + 'px'
        })


        var objText = $.fn.objText = {
          id1: '#reading_r_c_l_top',//上面一个本文的id值
          id2: '#reading_r_c_l_center',//下面一个文本的id值
          txtId: '#txtHeight1',//select选择框的id值
          heightP: 180 + winHeight / 3,//对应的是textarea初始的时候设置的高度  两个高度最初始的时候应该是一样的
          height: 154 + winHeight / 3,//对应的是textarea初始的时候设置的高度  两个高度最初始的时候应该是一样的
          init: function () {
            $(this.txtId).val(window.localStorage.txtHg);
            this.winFun();
            this.start();
          },
          start: function () {
            var _this = this;
            $(_this.txtId).change(function () {
              window.localStorage.txtHg = $(this).val();
              _this.winFun();
            });
          },
          winFun: function () {
            $(this.id1).css({
              height: (this.heightP * window.localStorage.txtHg) + 'px'
            }).children('textarea').css({
              height: this.heightP * window.localStorage.txtHg - 26 + 'px'
            })
            $(this.id2).css({
              height: this.heightP * 2 - $(this.id1).height() + 'px'
            }).children('textarea').css({
              height: this.heightP * 2 - $(this.id1).height() - 26 + 'px'
            })
          }
        };
        objText.init();


//        $('.reading_right_center_left').find('.reading_r_c_l_top').css({
//          height: (180 + winHeight / 3) + 'px'
//        }).children('textarea').css({
//          height: (154 + winHeight / 3) + 'px'
//        })
//        $('.reading_right_center_left').find('.reading_r_c_l_center').css({
//          height: (180 + winHeight / 3) + 'px'
//        }).children('textarea').css({
//          height: (154 + winHeight / 3) + 'px'
//        })


//        $('.reading_right_center_left').find('.reading_r_c_l_bottom').css({
//          height: 80 + winHeight / 4 + 'px'
//        }).children('textarea').css({
//          height: (50 + winHeight / 4) + 'px'
//        })
        //补充登记页面
        $('.reg_r_t_list>li>ul').css({
          height: 80 + winHeight / 2 + 'px'
        })
        //报告流程
        $('.report_process_list_cont').css({
          height: 385 + winHeight + 'px'
        })
      }

      /* window.onload = function(){
        height();
      };*/

      window.onresize = function () {
        height();
      };
      height();


      //    历史报告和模板的table页切换
//      $('.reading_right_click').click(function () {
//        if($(this).text()=="报告模板"){
//          if($('.reading_r_c_r_top_cont').height()==0){
//            $('.reading_r_c_r_top_cont').animate({
//              height:'385',
//            },300)
//            $('.reading_r_c_r_bottom_cont').animate({
//              height:'0',
//            },300)
//          }
//        }else if($(this).text()=="历史报告"){
//          if($('.reading_r_c_r_bottom_cont').height()==0){
//            $('.reading_r_c_r_bottom_cont').animate({
//              height:'385px',
//            },300)
//            $('.reading_r_c_r_top_cont').animate({
//              height:'0',
//            },300)
//          }
//        }
//      })
    },
    filters: {
      urlfilter(url) {
        return window.localStorage.staticUrl + url;
      },
      textLength8(text) {
        if (text.length > 8) {
          text = text.slice(0, 7) + '..'
        }
        return text;
      }
    }
  }
</script>


<style scoped>
  /*灰色按钮*/
  button.btn_333 {
    background-color: #aaa !important;
    color: #fff;
    border: 0;
  }

  .tree_down_parent > ul a:hover {
    color: #635b49;
  }

  .ris_cont {
    background: #fff;
  }

  /*左边*/

  .reading_left {
    width: 30%;
    float: left;
    border: 1px solid #eee;
  }

  .reading_left_top {
    width: 100%;
    height: 28px;
    position: relative;
  }

  .reading_left_top p {
    position: absolute;
    height: 2px;
    width: 86%;
    top: 17px;
    left: 7%;
    z-index: 1;
    background: #57c8e6;
  }

  .reading_left_top span {
    display: inline-block;
    background: #fff;
    padding: 0 20px;
    line-height: 36px;
    z-index: 2;
    position: absolute;
    font-size: 14px;
    left: 38%;
    top: 0;
    font-weight: bold;
  }

  /*搜索栏*/
  .reg_search {
    width: 90%;
    margin: 10px auto 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
  }

  .reg_search input {
    width: 100%;
  }

  .reg_search_table {
    width: 100%;
  }

  .reg_search_table tr td {
    height: 28px;
    position: relative;
  }

  .reg_search_table tr td:nth-child(1) {
    width: 18%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }

  .reg_search_table tr td:nth-child(2) {
    width: 32%;
  }

  .reg_search_table tr td:nth-child(3) {
    width: 18%;
    padding: 0 5px;
    text-align: justify;
    text-align-last: justify;
  }

  .reg_search_table tr td:nth-child(4) {
    width: 32%;
  }

  /*.reg_search_table tr td:nth-child(5){*/
  /*width: 13.33%;*/
  /*text-align: justify;*/
  /*text-align-last: justify;*/
  /*padding: 0 5px;*/
  /*}*/
  /*.reg_search_table tr td:nth-child(6){width: 20%;}*/

  /*.reg_search_select{*/
  /*width: 30%;*/
  /*}*/
  .reg_search_table tr td input.reg_search_input {
    width: 45%;
    /*padding-right: 32px;*/
    position: relative;
    display: block;
    float: left;
  }

  .reg_search_span {
    display: block;
    float: left;
    width: 10%;
    text-align: center;
    line-height: 26px;
  }

  .reg_search_table tr td input, .reg_search_table tr td select {
    width: 100%;
    border: 1px solid #88ada6;
    color: #587770;
  }

  .reg_search_table tr td input.width_50 {
    width: 50%;
    display: block;
    float: left;
  }

  .reg_search_table tr td.reading_search > button {
    float: right;
    padding: 5px 40px;
  }

  .reg_search_tabToggle {
    display: none;
  }

  .reading_left_tableHead {
    width: 100%;
    background: #b1b1b1;
  }

  .reading_left_tableCont {
    position: relative;
  }

  /*.reading_left_tableCont button{*/
  /*position: relative;*/
  /*right: 310px;*/
  /*}*/
  .reading_left_tableCont::after {

  }

  .reading_left_tableCont table {
    width: 300%;
  }

  .reading_left_list {
    position: relative;
  }

  .reading_left_tableCont_abs {
    position: absolute;
    right: 0;
    top: 33px;
  }

  .reading_left_tableCont {
    height: 330px;
    overflow: auto;
  }

  .reading_left_tableCont table tbody tr {
    position: relative;
  }

  .reading_left_tableCont_button {
    /*position: absolute;*/
    /*left: 100px;*/
    /*top: 5px;*/
  }

  .reading_left_tableCont tr th {
    background: #999;
  }

  .reading_left_tableCont tr {
    border-bottom: 1px solid #ddd;
  }

  .reading_left_tableCont tr td:nth-child(1) {
    position: relative;
  }

  .reading_left_tableCont tr td {
    padding: 0 5px;
  }

  .reading_left_tableCont img {
    width: 15px;
    margin: 0 5px;
    position: relative;
    top: 3px;
  }

  .reading_left_tableCont button {
    width: 90%;
    border-radius: 5px;
    background: transparent;
    color: #00a6c8;
    height: 24px;
    border: 0;
    padding: 0;
  }

  .reading_left_tableCont table tbody tr td:nth-child(2), .reading_left_tableCont table tbody tr th:nth-child(2) {
    width: 110px !important;
    text-align: left;
    box-sizing: border-box;
  }

  .reading_left_tableCont table tbody tr td:nth-child(4), .reading_left_tableCont table tbody tr th:nth-child(4) {
    width: 106px;
    /*text-align: left;*/
    box-sizing: border-box;
  }

  /*.reading_left_list tr th:nth-child(1),.reading_left_list tr td:nth-child(1){width: 30%;}*/
  /*.reading_left_list tr th:nth-child(2),.reading_left_list tr td:nth-child(2){width: 15%;}*/
  /*.reading_left_list tr th:nth-child(3),.reading_left_list tr td:nth-child(3){width: 30%;}*/
  /*.reading_left_list tr th:nth-child(4),.reading_left_list tr td:nth-child(4){width: 15%;}*/
  /*.reading_left_list tr th:nth-child(5),.reading_left_list tr td:nth-child(5){width: 30%;}*/
  /*.reading_left_list tr th:nth-child(6),.reading_left_list tr td:nth-child(6){width: 15%;}*/

  /*左边点击查看医生显示的模态*/
  .reading_l_l_modal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 300;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,.5);*/
    display: none;
  }

  .reading_l_l_modal_cont {
    width: 300px;
    min-height: 190px;
    background: #fff;
    position: absolute;
    left: 130px;
    top: 340px;
    border: 2px solid #2b8ec7;
    border-radius: 10px;
  }

  .reading_modal_head {
    border-radius: 10px 10px 0 0;
    background: #787878;
    color: #fff;
    position: relative;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
  }

  .reading_modal_head button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 20px;
    font-size: 18px;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
  }

  .reading_modal_contList {
    width: 90%;
    margin: 15px auto;
  }

  .reading_modal_contList > div {
    width: 20%;
    margin: 0 6.3% 20px;
    float: left;
    text-align: center;
    border: 1px solid #2699d6;
    border-radius: 5px;
    line-height: 32px;
    padding: 10px 0;
  }

  .reading_modal_contList > div > p {
    text-align: center;
  }

  .reading_modal_contList > div > p button {
    width: 80%;
    border: 0;
    padding: 3px 3%;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
  }

  /*右边*/
  .reading_right {
    width: 69%;
    float: right;
    /*border: 1px solid #fa0002;*/
    margin: 5px 0 0 0;
    position: relative;
    min-height: 575px;
  }

  .reading_right_head {
    background: #d7dbe6;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
    padding-left: 30px;
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    height: 30px;
  }

  .reading_table_page_active {
    border-bottom: 3px solid #ffa300;
  }

  .reading_right_head_right {
    position: absolute;
    right: 0;
    top: 3px;
    line-height: 22px;
  }

  .reading_right_head_right > span:nth-child(1) {
    display: inline-block;
    padding: 0 30px;
    cursor: pointer;
  }

  .reading_right_head_right > span:nth-child(1):hover {
    background: #bdcee6;
  }

  .reading_right_head_right input {
    height: 20px;
    width: 120px;
  }

  /*底部按钮*/
  .reading_right_footBtn {
    /*position: absolute;*/
    right: 0;
    width: 100%;
    text-align: right;
    height: 40px;
  }

  .reading_right_footBtn1 {
    width: 100%;
    text-align: right;
    height: 40px;
  }

  .reading_right_footBtn button, .reading_right_footBtn1 button {
    width: 115px;
    height: 30px;
    border: 0;
    border-radius: 5px;
    margin: 5px 10px;
    color: #fff;
    position: relative;
  }

  .reading_right_footBtn button img, .reading_right_footBtn1 button img {
    height: 18px;
    position: absolute;
    right: 7px;
    top: 5px;
  }

  /*中间层*/
  .reading_right_center {
    width: 100%;
    height: 486px;
    /*border: 1px solid red;*/
    /*overflow: hidden;*/
    box-sizing: border-box;
  }

  /*书写报告*/
  .writeReport {
    width: 100%;
    height: 100%;
    position: relative;
    /*display: none;*/
  }

  /*补充登记信息*/
  .reading_supReg {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /*border: 1px solid red;*/
    display: none;
  }

  .reading_right_center_left {
    width: 100%;
    float: left;
  }

  .reading_r_c_l_top, .reading_r_c_l_center {
    width: 95%;
    margin: 10px auto;
    height: 80px;
    border: 1px solid #ddd;
    border-radius: 5px;
  }

  .reading_r_c_l_bottom {
    width: 95%;
    margin: 10px auto;
    height: 61px;
    border: 1px solid #ddd;
    border-radius: 5px;
  }

  .reading_r_c_l_top > h1, .reading_r_c_l_center > h1, .reading_r_c_l_bottom > h1 {
    line-height: 26px;
    padding: 0 20px;
    background: #f4f4f4;
    font-size: 12px;
    border-radius: 5px 5px 0 0;
  }

  .reading_r_c_l_top > textarea, .reading_r_c_l_center > textarea {
    width: 100%;
    height: 50px;
    border: 0;
    font-size: 12px;
  }

  .reading_r_c_l_bottom > textarea {
    width: 100%;
    height: 35px;
    border: 0;
    font-size: 12px;
  }

  .reading_r_c_l_footInput {
    line-height: 32px;
    width: 96%;
    margin: 0 auto;
  }

  .reading_r_c_l_footInput tr td:nth-child(1) {
    width: 8%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: justify;
    text-align-last: justify;
  }

  .reading_r_c_l_footInput tr td:nth-child(2) {
    width: 14.5%;
  }

  .reading_r_c_l_footInput tr td:nth-child(3) {
    width: 7.5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: justify;
    text-align-last: justify;
  }

  .reading_r_c_l_footInput tr td:nth-child(4) {
    width: 15%;
  }

  .reading_r_c_l_footInput tr td:nth-child(5) {
    width: 7.5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: justify;
    text-align-last: justify;
  }

  .reading_r_c_l_footInput tr td:nth-child(6) {
    width: 15%;
  }

  .reading_r_c_l_footInput tr td:nth-child(7) {
    width: 7.5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: justify;
    text-align-last: justify;
  }

  .reading_r_c_l_footInput tr td:nth-child(8) {
    width: 15%;
  }

  .reading_r_c_l_footInput input, .reading_r_c_l_footInput select {
    width: 90%;
  }

  /*中间右边*/
  .reading_right_center_right2 {
    position: absolute;
    width: 65%;
    right: 0;
    top: 0;
    /*border: 1px solid red;*/
    height: 540px;
    background: #f4f6fb;
    display: none;
    z-index: 4;
  }

  .reading_r_c_r_top2, .reading_r_c_r_bottom2 {
    width: 100%;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
    position: relative;
    cursor: pointer;
    display: none;
  }

  .reading_r_c_r_top2 > p, .reading_r_c_r_bottom2 > p {
    position: absolute;
    z-index: 1;
    width: 95%;
    left: 2.5%;
    top: 14px;
    height: 2px;
    background: #2b8ec6;
  }

  .reading_r_c_r_top > span, .reading_r_c_r_bottom2 > span {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    z-index: 2;
    background: #f4f6fb;
  }

  /*报告模板*/
  .reading_r_c_r_top_cont2 {
    width: 90%;
    margin: 0 auto;
    position: relative;
    height: 540px;
    overflow: hidden;
  }

  .reading_r_c_r_top_cont_search {
    width: 100%;
    border: 1px solid #88ada6;
    padding: 0 30px 0 5px;
  }

  .reading_search_03 {
    position: absolute;
    right: 5px;
    top: 7px;
    width: 18px;
    cursor: pointer;
  }

  .tree_down_parent {
    height: 495px;
    overflow: auto;
  }

  .tree_down_parent a {
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
  }

  .tree_down_parent > ul {
    text-align: left;
  }

  .tree_down_parent > ul li {
    border: 0;
  }

  .tree_down_parent > ul a > img {
    /*position: relative;*/
    width: 8px;
    padding: 0 5px;
  }

  .tree_down_parent > ul a {
    position: relative;
    z-index: 2;
  }

  .tree_down_footCheck label {
    margin: 0 10px;
    cursor: pointer;
  }

  .tree_down_footCheck input[type=radio] {
    position: relative;
    top: 10px;
  }

  /*历史报告*/
  .reading_r_c_r_bottom_cont {
    width: 90%;
    margin: 0 auto;
    position: relative;
    height: 540px;
    overflow: hidden;
  }

  .reading_r_c_r_bottom_cont_time label {
    padding: 0 5px;
  }

  .reading_r_c_r_bottom_cont_time input[type=radio] {
    position: relative;
    top: 10px;
  }

  .reading_r_c_r_bottom_container {
    width: 100%;
    height: 440px;
    overflow: auto;
    /*border: 1px solid blue;*/
    box-sizing: border-box;
    text-align: left;
  }

  .reading_bot_box {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-top: 15px;
  }

  .reading_bot_box > p {
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .reading_bot_box > p:nth-child(1) img {
    position: relative;
    top: 10px;
  }

  .reading_bot_box img {
    width: 10px;
    padding: 0 5px;
  }

  .reading_bot_box_btn {
    text-align: center;
  }

  .reading_bot_box_btn button {
    padding: 2px 10px;
    border-radius: 5px;
  }

  /*查看按钮的模态*/
  .reading_view_modalModal {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 400;
    display: none;
  }

  .reading_view_modal {
    position: absolute;
    width: 580px;
    background: #fff;
    border: 1px solid #aaa;
    height: 500px;
    right: 100%;
    top: 18px;
    border-radius: 15px;
    z-index: 500;
    display: none;
  }

  .reading_view_modal_head {
    text-align: center;
    background: #787878;
    color: #fff;
    border-radius: 15px 15px 0 0;
    line-height: 36px;
    height: 36px;
    position: relative;
  }

  .reading_view_modal_search {
    width: 90%;
    margin: 10px auto;
  }

  .reading_view_modal_search tr td {
    height: 40px;
  }

  .reading_view_modal_search tr td:nth-child(1) {
    width: 15%;
    padding: 0 5px;
    text-align: justify;
    text-align-last: justify;
  }

  .reading_view_modal_search tr td:nth-child(2) {
    width: 35%;
  }

  .reading_view_modal_search tr td:nth-child(3) {
    width: 15%;
    padding: 0 5px;
    text-align: justify;
    text-align-last: justify;
  }

  .reading_view_modal_search tr td:nth-child(4) {
    width: 35%;
  }

  .reading_view_modal_search input {
    width: 95%;
  }

  .reading_view_modal_check {
    width: 90%;
    margin: 0 auto;
  }

  .reading_view_modal_check > div {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 20px 0;
  }

  .reading_view_modal_checkHead {
    background: #f4f4f4;
    color: #333;
    border-radius: 10px 10px 0 0;
    line-height: 32px;
    padding-left: 20px;
    font-size: 14px;
  }

  .reading_view_modal_check textarea {
    width: 100%;
    height: 88px;
    border: 0;
  }

  .reading_view_modal_footBtn {
    text-align: center;
  }

  .reading_view_modal_footBtn button {
    margin: 0 20px;
    font-size: 14px;
  }

  .reading_view_modal_close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 20px;
    font-size: 18px;
    cursor: pointer;
  }

  .reading_view_modal_close:hover {
    opacity: .8;
  }

  /*补充登记信息*/
  .reading_supReg_tableList {
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
  }

  .reading_supReg_tableList tr td {
    height: 30px;
  }

  .reading_supReg_tableList input, .reading_supReg_tableList select {
    width: 100%;
  }

  .reading_supReg_tableList tr td:nth-child(1) {
    width: 10%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }

  .reading_supReg_tableList tr td:nth-child(2) {
    width: 23.33%;
  }

  .reading_supReg_tableList tr td:nth-child(3) {
    width: 10%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }

  .reading_supReg_tableList tr td:nth-child(4) {
    width: 23.33%;
  }

  .reading_supReg_tableList tr td:nth-child(5) {
    width: 10%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }

  .reading_supReg_tableList tr td:nth-child(6) {
    width: 23.33%;
  }

  .reading_supReg_tableList input.reading_ageInput {
    width: 65%;
    display: block;
    float: left;
  }

  .reading_supReg_tableList select.reading_ageSelect {
    width: 35%;
    display: block;
    float: left;
  }

  .reading_supReg_tableList2 input, .reading_supReg_tableList2 select {
    border: 1px solid #88ada6;
    color: #2d3b36;
  }

  /*三层*/
  .reading_supReg_third {
    width: 90%;
    margin: 0 auto;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
  }

  .reading_supReg_third input, .reading_supReg_third textarea {
    width: 100%;
    border: 1px solid #4c8dae;
    color: #284254;
  }

  .reading_supReg_third textarea {
    height: 50px;
  }

  .reading_supReg_third tr td:nth-child(1) {
    width: 10%;
    padding: 0 5px;
    text-align: justify;
    text-align-last: justify;
  }

  .reading_supReg_third tr td:nth-child(2) {
    width: 40%;
  }

  .reading_supReg_third tr td:nth-child(3) {
    width: 10%;
    padding: 0 5px;
    text-align: justify;
    text-align-last: justify;
  }

  .reading_supReg_third tr td:nth-child(4) {
    width: 40%;
  }

  /*四层*/
  .reg_r_t_list {
    width: 100%;
    padding-top: 10px;
  }

  .reg_r_t_list > li {
    float: left;
    display: inline-block;
  }

  .reg_r_t_list > li:nth-child(1) {
    width: 8%;
    padding: 0 10px;
    text-align: justify;
    text-align-last: justify;
  }

  .reg_r_t_list > li:nth-child(2) {
    width: 25%;
  }

  .reg_r_t_list > li:nth-child(3) {
    width: 8%;
    padding: 0 15px;
    text-align: justify;
    text-align-last: justify;
  }

  .reg_r_t_list > li:nth-child(4) {
    width: 25%;
  }

  .reg_r_t_list > li ul {
    width: 100%;
    border: 1px solid #4c8caf;
    border-radius: 5px;
    height: 80px;
    overflow: auto;
  }

  .reg_r_t_list > li ul li {
    padding: 2px 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  /*按钮*/
  .reg_right_btn {
    width: 100%;
    text-align: right;
    padding-top: 10px;
    position: relative;
  }

  .reg_right_btn > button {
    width: 150px;
    height: 30px;
    border: 0;
  }

  .reg_r_btn_modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,.5);*/
    z-index: 3000;
    display: none;
  }

  .reg_r_btn_modal_cont {
    position: absolute;
    right: 0;
    bottom: 30px;
    /*width: 800px;*/
    /*height: 470px;*/
    background: #fff;
    z-index: 3001;
    text-align: left;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 1px solid #eee;
    opacity: 0;
  }

  /*右下底部按钮*/
  /*.reg_right_footBtn{*/
  /*text-align: right;*/
  /*margin-top: 25px;*/
  /*}*/
  .reg_right_footBtn button {
    border: 0;
    margin-right: 20px;
    position: relative;
    width: 110px;
    height: 36px;
  }

  .reg_right_footBtn button p {
    display: inline-block;
  }

  .reg_right_footBtn button img {
    height: 20px;
    position: absolute;
    right: 20px;
    top: 7px;
  }

  .reg_modal_head {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    border-radius: 10px 10px 0 0;
  }

  .reg_modal_head > div {
    float: left;
    width: 50%;
    padding-left: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #727272;
    border-radius: 10px 10px 0 0;
  }

  .reg_modal_head > div:nth-child(1) {
    border-right: 1px solid #eee;
  }

  .reg_table_modalBox {
    width: 100%;
    height: 380px;
  }

  .reg_table_modalBox_left {
    width: 50%;
    float: left;
    border-right: 1px solid #ddd;
    height: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
  }

  .reg_table_modalBox_left > ul, .reg_table_modalBox_right > ul {
    width: 100%;
    margin: 0 auto;
    height: 275px;
    border: 1px solid #eee;
    overflow: auto;
    box-sizing: border-box;
    line-height: 30px;
  }

  .reg_table_modalBox_left > ul > li > a, .reg_table_modalBox_right > ul > li > a {
    background: #999;
    color: #fff;
  }

  .reg_table_modalBox_left > ul > li a, .reg_table_modalBox_right > ul > li a {
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    cursor: pointer;
  }

  .reg_table_modalBox_right {
    width: 50%;
    float: left;
    border-bottom: 1px solid #ddd;
    height: 100%;
    box-sizing: border-box;
  }

  .reg_table_modalBox_foot {
    width: 100%;
    height: 70px;
    /*border: 1px solid red;*/
  }

  .reg_table_modalBox_foot > input {
    width: 100%;
    height: 30px;
    margin: 2.5px 0;
  }

  .reg_table_modalBox_foot > div {
    width: 100%;
    height: 62px;
    overflow: auto;
    /*border: 1px solid red;*/
  }

  .reg_table_modalBox_foot > div button {
    display: inline-block;
    float: left;
    margin: 5px 3px 0;
    background: #4f90c2;
    color: #fff;
    border-radius: 5px;
    height: 26px;
    padding: 2px 10px;
    border: 0;
    position: relative;
  }

  .reg_table_modalBox_foot > div button > span {
    position: absolute;
    right: -4px;
    top: -4px;
    width: 16px;
    height: 16px;
    background: #fa5956;
    color: #fff;
    border-radius: 8px;
    line-height: 16px;
    cursor: pointer;
  }

  .reg_table_modalBox_foot > div button > span:hover {
    background: #fa1f1c;
  }

  .reg_r_btn_modal_c_fontBtn {
    text-align: right;
  }

  .reg_r_btn_modal_c_fontBtn button {
    margin-top: 10px;
    margin-right: 40px;
  }

  /*报告流程*/
  .report_process {
    width: 100%;
    display: none;
  }

  .report_process_search {
    width: 90%;
    margin: 15px auto;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
  }

  .report_process_search tr td {
    height: 36px;
  }

  .report_process_search input, .report_process select {
    width: 100%;
  }

  .report_process_search tr td:nth-child(1) {
    width: 10%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }

  .report_process_search tr td:nth-child(2) {
    width: 23.33%;
  }

  .report_process_search tr td:nth-child(3) {
    width: 10%;
    text-align: center;
    text-align-last: justify;
    padding: 0 5px;
  }

  .report_process_search tr td:nth-child(3) > div {
    text-align: center !important;
    text-align-last: center;
  }

  .report_process_search tr td:nth-child(4) {
    width: 23.33%;
  }

  .report_process_search tr td:nth-child(5) {
    width: 10%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }

  .report_process_search tr td:nth-child(6) {
    width: 23.33%;
  }

  .report_process_search button {
    width: 70%;
    margin: 0 auto;
    text-align-last: center;
    margin-left: 15%;
    height: 30px;
  }

  .report_process_list {
    width: 90%;
    margin: 0 auto;
  }

  .report_process_list > table tr td {
    background: #eaedf7;
    color: #333;
    font-weight: bold;
  }

  .report_process_list tr td {
    text-align: center;
  }

  .report_process_list table tr td:nth-child(1) {
    width: 10%;
  }

  .report_process_list table tr td:nth-child(2) {
    width: 10%;
  }

  .report_process_list table tr td:nth-child(3) {
    width: 50%;
  }

  .report_process_list table tr td:nth-child(4) {
    width: 30%;
  }

  .report_process_list tr {
    border-bottom: 1px solid #ddd;
  }

  .report_process_list tr:nth-child(even) {
    background: #f9f9f9;
  }

  .report_process_list_cont {
    height: 410px;
    overflow: auto;
  }

  .click_zk {
    color: #999;
    cursor: pointer;
  }

  .reading_r_c_l_center > h1 > p {
    display: inline-block;
    float: right;
  }

  .reading_r_c_l_center > h1 > p select {
    width: 100px;
    box-sizing: border-box;
  }

  .reading_r_c_l_center > h1 > p button {
    width: 70px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    font-size: 12px;
  }

  /*八、 input输入带下拉和检索*/
  .drop_down_Top {
    display: inline-block;
    width: 90%;
    height: 26px;
    position: relative;
  }

  .drop_down_Top > input {
    width: 100%;
    height: 100%;
  }

  .drop_down_Top > ul {
    position: absolute;
    left: 0;
    /*top: 32px;*/
    border: 1px solid #ddd;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 240px;
    overflow: auto;
    z-index: 1;
    background-color: #fff;
    /*display: none;*/
  }

  .drop_down_Top > ul > li {
    border-bottom: 1px solid #ddd;
    padding: 6px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 20px;
    cursor: pointer;
  }

  .drop_down_Top > ul.top {
    bottom: 24px !important;
  }

  .tree_down > li a img {
    transform: rotate(-90deg);
  }

  .tree_down > li > ul {
    display: none;
  }

  .tree_down > li > ul > li > ul {
    display: none;
  }

  .reading_r_c_r_bottom2 {
    display: none;
  }

  .reading_right_footBtn button.zhuxiao {
    width: 15px;
    margin: 5px 0;
    position: relative;
    right: 14px;
  }

  .r_r_c_l_right {
    width: 16%;
    float: right;
    margin: 10px 0;
  }

  .r_r_c_l_right > h1 {
    line-height: 30px;
    background: #999;
    color: #fff;
    padding-left: 10px;
  }

  .r_r_c_l_right_ul {
    height: 437px;
    border: 1px solid #eee;
    box-sizing: border-box;
    overflow: auto;
  }

  .r_r_c_l_right_ul > li {
    position: relative;
  }

  .r_r_c_l_right_ul > li input[type=checkbox] {
    position: absolute;
    left: 10px;
    top: 3px;
    width: 14px;
    z-index: 3;
  }

  .r_r_c_l_right_ul > li span.closeImg {
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 16px;
    color: #ff8957;
    padding: 2px 10px;
    cursor: pointer;
    z-index: 3;
  }

  .r_r_c_l_right_ul > li span.closeImg:hover {
    color: #ff0000;
  }

  .r_r_c_l_right_ul > li > p {
    line-height: 28px;
    border-top: 1px solid #eee;
    padding-left: 15px;
  }

  .r_r_c_l_right_ul > li > img {
    width: 92%;
    height: 100px;
    display: block;
    margin: 0 auto 10px;
    cursor: pointer;
    opacity: 1;
  }

  /*  .r_r_c_l_right_ul>li>img:hover{
    opacity: .9;
  }*/

  .moveBar {
    position: absolute;
    width: 480px;
    height: 400px;
    background: #fff;
    border: solid 1px #aaa;
    left: 40%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 100;
  }

  #banner {
    background: #999;
    cursor: pointer;
    line-height: 32px;
    user-select: none;
    padding: 0 15px;
    color: #fff;
    position: relative;
  }

  #banner span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 20px;
    font-size: 16px;
  }

  #banner span:hover {
    color: #ff8500;
    background: #888;
  }

  /*#banner:hover{*/
  /*opacity:.9;*/
  /*}*/
  .content {
    position: relative;
  }

  .content span {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 15px;
    font-size: 14px;
    color: #ff8500;
    opacity: .5;
    cursor: pointer;
  }

  .read_r_topTab2 {
    width: 100%;
  }

  .read_r_topTab2 tr td:nth-child(1) {
    width: 22%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }

  .read_r_topTab2 tr td:nth-child(2) {
    width: 28%;
  }

  .read_r_topTab2 tr td:nth-child(3) {
    width: 15%;
    text-align: justify;
    text-align-last: justify;
    padding: 0 5px;
  }

  .read_r_topTab2 tr td:nth-child(4) {
    width: 35%;
  }

  .read_r_topTab2 tr td input, .read_r_topTab2 tr td select {
    width: 100%;
    box-sizing: border-box;
  }

  .read_r_topTab2 button {
    padding: 5px 35px;
  }

  .read_RCR_tab {
    width: 100%;
    text-align: center;
    line-height: 30px;
  }

  .read_RCR_tab th {
    background: #999;
    color: #fff;
  }

  .read_RCR_tab td {
    border: 1px solid #e7e7e7;
  }

  .read_RCR_tab button {
    padding: 3px 5px;
  }

  .upload-demo {
    position: relative;
    top: -44px;
  }

  .upload-demo > div button {
    position: absolute;
    right: 0;
    padding: 8px 15px !important;
  }

</style>


